CSS Grids or: How I Learned to Stop Worrying and Love the New Spec
summary
An overview of the CSS Grid specification showing concrete layout control and practical syntax: grid-template-rows/columns, grid-gap, named grid lines, grid-auto-rows/columns for implicit tracks, fr units, and nested grids. Demonstrates building a responsive site mock (mobile and desktop versions with specified gaps and a 40/60 desktop column split, using nested grids for article lists), and notes current browser support differences—Chrome/Firefox require flags, Safari partial support, and IE uses a different syntax.
AI-written summary · about
chapters (7)
- 0:00CSS Grid introduction
- 7:55CSS Grid basics
- 16:15Explicit vs implicit grids
- 21:14Grid areas and layout
- 24:53CSS Grid browser support
- 26:20Real-world CSS Grid layout
- 33:29Summary
