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.

The framework’s breakpoints are shown with their corresponding em and pixel values rounded to two decimal points.
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