Breakpoints
Breakpoint System
| Breakpoint | Min Width | Max Width (down) | Description | Device |
|---|---|---|---|---|
xs | 0px | 575.98px | Extra Small | Mobile |
sm | 576px | 767.98px | Small | Large Mobile |
md | 768px | 991.98px | Medium | Tablet |
lg | 992px | 1199.98px | Large | Small Desktop |
xl | 1200px | 1399.98px | Extra Large | Desktop |
xxl | 1400px | 1599.98px | Extra Extra Large | Large Desktop |
Breakpoint Usage Tip
Use breakpoints with a "mobile-first" approach. Design for mobile first, then adapt for larger screens.