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.
| 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 |