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