Responsive Grid

Content Width px

Explore by resizing your browser and changing the options below

Max Width


Margin

Baseline Grid

Example Layouts


12 columns (full-width)
6 columns (50%)
6 columns (50%)
4 columns (33%)
4 columns (33%)
4 columns (33%)
3 columns (25%)
3 columns (25%)
3 columns (25%)
3 columns (25%)
2 columns (eg. sidebar)
10 columns (eg. content area)
4 columns (1/3)
8 columns (2/3)
8 columns (2/3)
4 columns (1/3)