Skill Level:
Intermediate
It’s foolish to define breakpoints that attempt to target the resolutions of popular devices and screen sizes. Those resolutions are constantly changing as manufacturers compete to pack more pixels into screens. Screen size matters little on desktop as a user can resize a browser window to a seemingly infinite combination of heights and widths. Instead, this framework’s device-agnostic breakpoints map to values in its modular scale.
Breakpoint | Em Value | Pixel Value |
---|---|---|
sm | 42.09 | 673.48 |
md | 56.12 | 897.97 |
lg | 74.83 | 1197.3 |
xl | 99.78 | 1596.4 |
Contributed By:
IIM
- Printer-friendly version
- Log in to post comments