How Responsive Are You in CSS? 2026 Edition
summary
A live-coding session demonstrating modern responsive CSS techniques: the talk compares traditional media-query breakpoints with newer tools like Flexbox, Grid, relative units (e.g. dvmin, cqh) and container queries, implementing a set of sample layouts from simple to complex. It aims to show practical ways to adapt interfaces for all screen sizes (from 4K monitors to small phones) and how the current toolset is richer than before.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:46Responsive design history
- 5:55Fluid CSS units
- 11:15Min/max size handling
- 15:44Responsive images
- 20:57Media queries & Grid layouts
- 25:25Flexbox vs Grid for galleries
- 32:43Container queries
- 41:03Container units & trends
- 42:46Real-world responsive & AI
related talks
15mResponsive Design vs. Adaptive Design
35mModern CSS Replacements for Better Responsive Code
40mFuture-Proofing Responsive Web Design in 2023
01h 01mThe Evolution of Responsive Web Design: What's Next?
13mBreaking Out of Media Queries
17mThe New Responsive: Web Design in a Component-Driven World
43mMediaqueryless Responsiveness
34mA Truly Responsive Interface