Grids All the Way Down
summary
Explains that subgrid actually lets nested grid items share parent track sizing so captions and deep content line up, shows card examples solved with minmax for resilient heights, demonstrates working examples in Firefox Nightly and points to the Chromium bug for wider support, warns about accessibility issues with display:contents, and shows practical placement tricks (named lines, overriding gaps) with live code so it’s clear what to try, what breaks, and what browsers currently run it.
AI-written summary · about
chapters (6)
- 0:00Start
- 1:44CSS Grid Layout
- 30:01Sizing of items in the subgrid can change the size of the parent tracks.
- 31:53Line -1 is the end line of the explicit grid.
- 32:36We can't target the end line of the implicit grid.
- 34:38Fewer rendering engines
