07 / Layout

Layout

A clear frame.
Twelve columns. Reading text holds a 44 rem column, wide content runs to 76 rem, and art runs to the edge of the screen. Space moves in six steps.

The grid

Spacing

0.5 rem
1 rem
1.5 rem
2 to 3 rem
3 to 6 rem
4 to 9 rem