Modern CSS Replacements for Better Responsive Code
summary
Argues that device breakpoints are obsolete and shows concrete replacements: use CSS Grid and Flexbox with auto-wrapping and minmax(300px, 1fr) / repeat(auto-fit, minmax(...)) to get automatic columns; use container queries (now in major browsers) to style components by element size; replace many media-query cases with clamp, calc, min(), max(), aspect-ratio, and viewport units (vw/vh/vmin/vmax and lv/sv/dvh) to build fluid typography and exact layouts (e.g., perfect thirds via calc) that work without snapshot breakpoints.
AI-written summary · about
chapters (7)
- 0:00Modern responsive CSS intro
- 3:56Grid and flexbox layouts
- 10:40Container queries
- 18:28Math functions and sizing
- 27:20Obscure responsive units
- 31:13When media queries still matter
- 34:21Summary and future of fluid CSS
