Responsive grid

Responsive grid breakpoints define grid width specifications for different screens, devices and orientations.

Boosted grid is heavily documented: breakpoints, containers, columns and gutters.

Responsive grid details
Breakpoints Devices Grid width Columns Column width Gutter width Margin
320px Mobile portrait 302px 12 16px 10px 9px
480px Mobile landscape 458px 12 29px 10px 11px
768px Tablet portrait 724px 12 42px 20px 22px
1024px Small desktop /
Tablet landscape
940px 12 60px 20px 10px
1280px 1280px 1180px 12 80px 20px 10px
1440px 1440px 1300px 12 90px 20px 20px