Grid – Interactive website grid

Grid

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)