Foundation
Breakpoints
Responsive breakpoints ensure layouts adapt smoothly across all screen sizes.
Responsive Scale
Breakpoint Tokens
Standard responsive breakpoints used throughout the design system.
Responsive Breakpoints
| Name | Width | Usage |
|---|---|---|
| XS | <576px | Small phones |
| SM | 576px | Large phones |
| MD | 768px | Tablets |
| LG | 992px | Small laptops |
| XL | 1200px | Desktop |
| 2XL | 1400px | Large desktop |