Skip to main content

Grid examples

Empty-card compositions for equal columns, mixed spans and mixed-height arrangements.

All layouts

Full width

12 / 12

Halves

6 + 6

Thirds

4 + 4 + 4

Quarters

3 + 3 + 3 + 3

Sixths

2 + 2 + 2 + 2 + 2 + 2

Mixed spans

8 / 4 · 4 / 8 · 3 / 6 / 3

Mixed heights

two-row features

Feature left

8 × 2 rows + 4 + 4

Feature right

4 + 4 + 8 × 2 rows