Grids all the way down
summary
Two years after Grid Layout ships the spec adds subgrid to let nested components share parent tracks so captions and card internals line up without breaking source order; demos use CSS Grid with minmax for resilient row heights and show display: contents removing wrapper boxes but currently breaking accessibility in many browsers. Firefox is implementing subgrid in Nightly behind a flag, Chromium has an open bug to star, and practical advice is to use feature queries, test with keyboard/tab tools, and file issues with concrete examples.
AI-written summary · about
chapters (30)
- 0:00Intro
- 0:33About Rachel
- 4:04Grid vs Flexbox
- 6:09Browser support
- 8:05Flexbox
- 11:44Flexbox vs Grid
- 15:08Why use Grid
- 20:17Take advantage of it
- 24:28Solve problems
- 25:57Inline layout
- 28:33Display contents
- 31:32Subgrid
- 35:03Naming lines
- 35:58Defining lines
- 37:19Subgrid sizing
- 37:58The bad news
- 38:36The better news
- 38:59Play with it
- 40:57Show your support
- 43:28Write about features
- 44:10Use new features
- 45:20Play around with it
- 46:37CSS Working Group
- 47:56Participation
- 49:18Questions
- 52:18The monopoly on rendering engines
- 53:23Subgrid fallback
- 54:19Grid inspector in Chrome
- 56:05What is IE11
- 56:55Advice for IE11
