Foundation XY Grid Variables

grid-container: 1560px
grid-columns: 12
grid-margin-gutters: 30px;/div>
grid-padding-gutters: 30px
grid-container-small-padding: 30px
grid-container-medium-padding: 50px
grid-container-large-padding: 80px

Key

Content area (odd)
Content area (even)

See Foundation XY Grid from Zurb for more information.

Grid

Page Width

12 COL

One Column

10 COL

Reading Width

8 COL

Two Column

5 COL
5 COL

Three Column

4 COL
4 COL
4 COL

Four Column

3 COL
3 COL
3 COL
3 COL

Full width