#431 · A moment's stack cards share the reader's width
- timeline-app
- pull request
- sharing
In the reader (view mode), a moment's stack cards were laid out on a grid of `repeat(auto-fill, minmax(200px, 1fr))`. With one card, the grid still made as many empty 200px columns as fit, and the card took only one of them. Text then ran a word or two to a line. The Binance video's \"Verification priorities\" card is an example. The stack now uses `auto-fit`, which collapses the empty columns. One card takes the reader's width, two take half each, and three or more wrap at 200px as before. The picture gallery keeps `auto-fill`, so one picture doesn't stretch into a banner. **Test:** `test/presumptive-browser.mjs` now checks that the stack's two cards each take more than 40% of its width. `npm test` (429) and `npm run test:browser` pass.
Sources
Open #431 · A moment's stack cards share the reader's width in the timeline