Breakpoints
We built our framework to leverage as many screen sizes as possible. Our responsive grid and display utilities are based on the following viewports.
Mobile should always be considered first, so additional breakpoints only need to be specified when something should look different in a larger viewport.
Breakpoint | Label |
---|---|
mobile
|
>= 0 (mobile first 😃)
|
tablet
|
>= 768px
|
lg-tablet
|
>= 991px
|
laptop
|
>= 1240px
|
desktop
|
>= 1800px
|