Hello Subgrid! – Rachel Andrew at
summary
Explains that subgrid is a concrete value for grid-template-columns/rows that lets nested grids share parent tracks so card headers and footers line up, with semantics: line numbers restart inside the subgrid, named lines pass through, gaps inherit but can be overridden, and sizing in a subgrid affects parent auto tracks. Notes the accessibility caveat around display: contents and that examples and code are online; experimental implementation lands in Firefox Nightly but no broad production support yet.
AI-written summary · about
chapters (12)
- 0:00Start
- 6:49display: contents
- 17:20The subgrid inherits the gaps from the parent.
- 18:47Sizing of items in the subgrid can change the size of the parent tracks.
- 22:13Line -1 is the end line of the explicit grid.
- 23:18We can't target the end line of the implicit grid.
- 25:22Slightly better news
- 27:18Fewer rendering engines
- 27:37Tell browsers what you want in the platform.
- 29:38Use new features when they are behind a flag
- 30:13Give feedback to the CSS Working Group
- 31:28Participate in the web platform
