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