CSS Grid: What is this magic?!
summary
Builds a note-taking app layout using CSS Grid—defines five equal columns and three rows, uses grid-template-columns/rows, repeat(… ), the fr unit, grid-gap, minmax and repeat autofill to make responsive cards, and assigns areas with grid-template-areas; the layout takes seven lines of CSS. Demonstrates nested grids and subgrid (Firefox-only at demo time, landing in v71), warns about IE’s broken legacy implementation, and cites about 90.65% global support. Slides: https://laracon.com.au/slides/2019/amy-kapernick.pdf
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:27CSS Grid
- 2:18Disclaimer
- 2:34Tables
- 2:45Semantic HTML
- 5:58FI Unit
- 13:27SubGrid
- 19:35Browser support
- 26:05Resources
