Display content in a responsive, 12-column grid. [docs]

1/3, 2/3 columns on screen and tablet, two equal columns on mobile

.medium-4.small-6.columns
.medium-8.small-6.columns

Two columns on screen and tablet, one column on mobile

.large-3.medium-6.columns
.large-3.medium-6.columns
.large-3.medium-6.columns
.large-3.medium-6.columns

Three columns on screen and tablet, two columns on mobile

.medium-3.small-6.columns
.medium-3.small-6.columns
.medium-6.small-12.columns

Offset columns

.large-9.large-offset-3.columns

Nested columns

.medium-6
.medium-6
.medium-6
.medium-6
.medium-6
.medium-6