Docs layout, no headings
The same layout on a short page with no sections to list. Nothing moves when you switch between this page and the one with headings.
This page has no h2 headings, so it has no contents list. The space for the list is still reserved, which keeps the grid centred in the same place as on every other page.
A note beside the text, in the other 4 columns.
A section with a background: its padding is inside the colour, its margin outside, and its text lines up with the paragraphs above.
A short table of a few columns is mostly words, so it stays in a text cell:
| space-1 | Icon to label. |
| space-2 | Inside inputs; icon tile radius. |
| space-3 | Grid gaps between cards; top-bar gaps. |
| space-4 | Button side padding; card side padding. |
| space-5 | Card top and bottom padding; section top. |