Horizontal Spacing
Or widths and alignments.
The widths on the site are controlled by WordPresses build in widths.
These are:
- Full
- Wide
- Centre
However to make this clearer we re-name these widths to T-shirt sizes as follows:
| WordPress | T-shirt name | Corresponding column |
|---|---|---|
| Full | X Large | 1 – 13 |
| Wide | Large | 2 – 12 |
| Medium | 3 – 11 | |
| Centre | Small | 4 – 10 |
Medium is an additional size we give ourselves which is used conditionally on some blocks where a lot of content is added. For instance if there are many cards in a cards block.
A demonstration of the widths on the site is below:
Widths
X Large
Large
Medium
Small
Widths inside X Large
Large
Medium
Small
Widths inside Large
Medium
Small
Widths inside Medium
Small
Small
