Grid

Equal Columns

1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
  • 1/6
  • 1/6
  • 1/6
  • 1/6
  • 1/6
  • 1/6
1/5
1/5
1/5
1/5
1/5
1/4
1/4
1/4
1/4
1/3
1/3
1/3
1/2
1/2
1

Responsive Columns

1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4

Custom Spacing

1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4

Responsive Custom Spacing

1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4

Responsive Custom Horizontal Spacing

1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4

Responsive Custom Vertical Spacing

1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4
1/2, 1/3, 1/4

Grid Item

Content
Sidebar

Responsive Grid Item

Content
Sidebar

Nested Grid with Grid Item

First Nested Content
Second Nested Content
Sidebar

Grid Item with Sidebar in Second Row on Desktop

Content
Sidebar

Responsive Centered Grid Item

Centered Content

Alignment

Stretch (default)
…
Stretch (default)
Left
…
Top
Center
…
Center
Right
…
Bottom

Responsive Alignment

Horizontal Alignment
…
Vertical Alignment