GRID

Our grid system ensures that our content is appropriately designed for all screen sizes.

GRID SCALE

We use separate grids for desktop and mobile. 1920px max for desktop and 360px for mobile. Content centers within the viewport on larger screens.

Mobile
360px
Columns: 4
Margin: 16
Gutter: 12
Mobile
360px
Columns: 6
Margin: 16
Gutter: 12
Mobile
360px
Columns: 8
Margin: 16
Gutter: 12
Mobile
360px
Columns: 12
Margin: 16
Gutter: 12
Mobile
360px
Columns: 16
Margin: 16
Gutter: 12
Desktop
1920px
Columns: 10
Margin: 240
Gutter: 24
Desktop
1920px
Columns: 10
Margin: 0
Gutter: 24
Desktop
1920px
Columns: 12
Margin: 240
Gutter: 24
Desktop
1920px
Columns: 12
Margin: 0
Gutter: 24
Desktop
1920px
Columns: 16
Margin: 24
Gutter: 24
Desktop - header
1920px
Columns: 12
Margin: 112
Gutter: 24
Desktop
1280px
Columns: 12
Margin: 64
Gutter: 24