Oh, you can do that in CSS now?
summary
Overview of modern CSS capabilities, covering 15 production-ready features such as sticky headers, smooth-scroll, scroll-snap, backdrop-filter, aspect-ratio, clamp(), grid with repeat(auto-fit, minmax()), place-content centering, @supports fallbacks, and @layer ordering to avoid !important. Shows practical demos: sticky header, fluid grids built from the repeat(minmax) pattern, and container queries to adapt styles to parent size; notes browser support issues like :has behind a Firefox flag and accessibility caveats for display:contents.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:04Why love CSS now
- 3:32Sticky position and media queries
- 6:43Aspect ratio and background filters
- 8:30Smooth scroll and scroll snap
- 10:17Vertical centering and typography
- 12:29CSS 1 and property game
- 18:23Dark mode and support detection
- 23:06Modern CSS grids
- 25:11CSS layers and priorities
- 31:27Display content and Bootstrap
- 35:01Advanced selectors and parent
- 38:58Container queries and responsive
- 41:49Q&A
