Layout Grid
Desktop Margin:
Desktop Gutter:
Tablet Margin:
Tablet Gutter:
Phone Margin:
Phone Gutter:
Grid of default wide (4 columns) items
4
4
4
Grid of 1 column wide items
1
1
1
1
1
1
1
1
1
1
1
1
Grid of differently sized items
6
4
2
Grid of items with tweaks at different screen sizes
6 (8 tablet)
4 (6 tablet)
2 (4 phone)
Grid nested within parent grid cell
Child 4
Child 4
Child 4
Parent 4
4
4

Grid with max width

Grid with max width (1280px) and center alignment by default
Grid with max width (1280px) and left alignment

Fixed column width layout grid

Desktop Column Width:
Tablet Column Width:
Phone Column Width:
Fixed column width layout grid and center alignment by default
Fixed column width layout grid and right alignment