{{#> web/layout/default title="Grid" parentPageName="Components" }}

## 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
{{/web/layout/default }}