Columns within a row are automatically set to have equal width. Otherwise you can define your column with pourcentage of screen you want.

Columns with gap
50% (.col)
50% (.col)
25% (.col)
25% (.col)
25% (.col)
25% (.col)
33% (.col)
33% (.col)
33% (.col)
20% (.col)
20% (.col)
20% (.col)
20% (.col)
20% (.col)
33% (.col-33)
66% (.col-66)
25% (.col-25)
25% (.col-25)
50% (.col-50)
75% (.col-75)
25% (.col-25)
80% (.col-80)
20% (.col-20)
No gap between columns
50% (.col)
50% (.col)
25% (.col)
25% (.col)
25% (.col)
25% (.col)
33% (.col)
33% (.col)
33% (.col)
20% (.col)
20% (.col)
20% (.col)
20% (.col)
20% (.col)
33% (.col-33)
66% (.col-66)
25% (.col-25)
25% (.col-25)
50% (.col-50)
75% (.col-75)
25% (.col-25)
80% (.col-80)
20% (.col-20)
Nested
50% (.col)
50% (.col)
50% (.col)
50% (.col)
33% (.col-33)
66% (.col-66)
Responsive Grid

Grid cells have different size on Phone/Tablet

.col-100.medium-50
.col-100.medium-50
.col-50.medium-25
.col-50.medium-25
.col-50.medium-25
.col-50.medium-25
.col-100.medium-40
.col-50.medium-60
.col-50.medium-66
.col-100.medium-33
Resizable Grid
Left
Center Top
Center Bottom
Right