Two columns, because this page has no right-hand rail
The previous page had three columns. This one has two, and the difference is that its markup does not include a right-hand column. No setting was changed and no class was swapped.
Our approach
This is filler standing in for a real About page, but it is set the way real body copy would be: a serif face at a comfortable measure, with generous line height. Long paragraphs are where a theme either works or does not, and a page of lorem ipsum will not tell you which.
The reading width is capped deliberately. Text that runs the full width of a large monitor is exhausting to read, because the eye loses its place returning to the start of each line. Around sixty-five to seventy-five characters is the range that works, and the layout holds that whatever the window is doing.
People
A. Fairbairn
Cards work as profile tiles. They keep a shared baseline whatever length the text runs to, so a row never looks ragged.
R. Okonkwo
Three across on a desktop, two on a tablet, one on a phone. The grid handles it without media queries in your own stylesheet.
M. Delacroix
Add a fourth and the row reflows. Remove one and the remaining cards do not stretch to fill the gap awkwardly.
History
Headings carry a small accent rule rather than an icon. That was a deliberate replacement: the original used a decorative glyph, which renders differently on every platform and dates a design faster than anything else in it.
A third-level heading
Three heading levels are styled. If you need a fourth, you probably need another page — but the styles degrade sensibly if you use one.
| Year | What happened |
|---|---|
| 2019 | Founded, above a bakery, with one client |
| 2022 | Moved somewhere with fewer pastries and more desks |
| 2025 | Opened a second office |