CSS Grid - What is this Magic?!
summary
Demonstrates building a note‑taking app layout that uses CSS Grid features like repeat(), fr units, grid-template-areas, display:contents, auto-fill + minmax(), and grid-gap and claims the core layout appears in seven lines of CSS. Shows the Firefox grid inspector to debug placement, uses @supports to gate Grid with Flexbox fallbacks for older browsers, cites broad support since 2017 and Chrome 57 while warning about IE’s partial, incompatible implementation.
AI-written summary · about
chapters (6)
- 0:00Start
- 18:30Basic layout
- 21:39Grid is awesome for layouts
- 21:51Grid + Flex = super CSS Layout duo
- 31:54Browser Support
- 37:13CSS Grid is Awesome
