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