MDC Layout Grid

Margin:
Gutter:
Grid of 1 column wide items
1
1
1
1
1
1
1
1
1
1
1
1
Grid of 4 column wide items
4
4
4
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 with max width and center alignment
Grid with max width and left alignment