Layout

Layout components for structuring your pages: containers, grids, dividers, stacks, and aspect ratios.

Container

max-w-7xl (default)

max-w-4xl (narrow)

max-w-2xl (compact)

Grid

Responsive grid layouts.

2 Columns

Column 1

Column 2

3 Columns

Column 1

Column 2

Column 3

4 Columns

Col 1

Col 2

Col 3

Col 4

Stack

Vertical Stack

Item 1

Item 2

Item 3

Horizontal Stack

Item 1

Item 2

Item 3

Divider

Solid divider (above)

Dashed divider (above)

OR

Divider with text (above)

Aspect Ratio

1:1

Square

16:9

Video

4:3

Photo