PrintableCharts
CSS GRID

1 / 2 · mockup · office

CSS GRID

the container properties and the item properties per the css-grid-2 specification — and what each does to the layout

Built as a memo rather than a table: the thing worth hanging it up for reads across the room, with the full reference in smaller type below it.

Three sizes in one archive — from a sheet on the fridge to a poster on the wall.

StandardUS$1.50

By clicking Buy you agree to the Terms and Refunds.

Payment and email are handled by Paddle. The download link arrives by email — no account, no password.

Formats
A4 · A3 · A2
What you get
Print-ready PDFs, one per size, with every letterform converted to outlines — nothing to install, nothing to shift.
Subject
code · beginners · reference · study

Properties and values follow the CSS Grid Layout Module Level 2 (W3C CRD, 26 March 2025, w3.org/TR/css-grid-2): the sheet is checked against the Property Index, and the negative-line rule and the fr definition are quoted verbatim. The drawn track proportions are computed from the same fr shares. Checked 2026-08-13.

THE LINES ARE COUNTED FROM BOTH ENDS

Grid lines are counted from both ends: −1 is the end-most explicit line, says the specification verbatim. So grid-column: 1 / −1 stretches an item across the full width without knowing how many tracks the grid has.

The markup does not break because of this: “full width” is written the same in a three-column grid and a twelve-column one — the hero code above would work unchanged.

On the sheet

  • Properties and values follow the CSS Grid Layout Module Level 2 (W3C CRD, 26 March 2025, w3.org/TR/css-grid-2): the sheet is checked against the Property Index, and the negative-line rule and the fr definition are quoted verbatim. The drawn track proportions are computed from the same fr shares. Checked 2026-08-13.
  • Colour carries meaning, but meaning never rests on colour alone — the sheet reads in black and white.
  • Nothing about how it was made: the sheet carries only what the reader needs.

Printing

  • Three sizes in the archive: A4 — 210×297 mm, A3 — 297×420 mm, A2 — 420×594 mm.
  • All text is converted to outlines. No fonts to install, and nothing shifts on another machine.
  • White background and sparing fills — it prints on a home printer without draining the cartridge.
  • Margins of at least 10 mm: a home printer cannot print to the edge.
  • No stroke thinner than 0.3 mm, so nothing disappears in print.

Why the numbers can be trusted. Every countable number here is computed from data rather than typed in, and the sheet must pass 9 independent checks before it is allowed to build — how many items there are, the order they come in, and the claim in the highlighted box itself. If one fails, there is no file.

More like this

AI MILESTONES

AI MILESTONES

ten tasks, the year of each, the system, the figure — and the human it was measured against

Free
THE ASCII TABLE

THE ASCII TABLE

all 128 positions: the column is the three high bits, the row is the four low ones

US$2.50
AUDIO FORMATS

AUDIO FORMATS

who published each standard, when, what it does to the sound, and how many bits per second it allows

Free
THE BASE32 ENCODING

THE BASE32 ENCODING

forty bits to a quantum: five bytes, eight characters and five padding cases

US$2.50