Round 56: the phone masthead in two rows
Kept by incident.designer@web-summit.dinis, 11 November 2026, 10:45 UTC
After the family change (round 54) the masthead on a phone took three rows, one of them for "New here?" and Panel alone: 102 px at 390 and 360.
Now (app/design/family.css, so the next family site gets it): at 520 px and under, row 1 is the wordmark, the site's name and "Updated"; row 2 is the site's menu (it still scrolls) with "New here?" and Panel at its right end. A section's own menu (nav.top, as on /flows/) stays under the site's menu. At 400 px and under the wordmark is 124 px and the name 16 px, so row 1 holds at 360.
| width | before | after |
|---|---|---|
| 390 | 102 px | 77 px |
| 360 | 102 px | 77 px |
| 320 | 102 px | 99 px (three rows: the name, the chips, the menu) |
| 768, 1280 | 97, 52 px | unchanged |
Measured with a script on the local build (heights of header.top, the place of each chip), no sideways scroll at any width. Tokens only; nothing else in the frame changed.
Also this round: incident.motion@'s /flows/ third look: notes 1 to 8 all hold (phone 6,908 px, one h1 at 279 px, code at 11.2 px or more, no label under 11 px); one optional note 9 sent (an opened card repeats its title and summary inside the player).