What Doesn't Fit Gets Made Responsive
summary
Christoph Reinartz explains making non-responsive web layouts responsive by retrofitting existing sites. He covers practical techniques and tools for adapting fixed designs to responsive behavior — e.g., CSS media queries, flexible grids, and progressive enhancement — and discusses workflows for converting legacy code without a full redesign.
AI-written summary · about
chapters (21)
- 0:00Responsive intro
- 3:40Mobile time limits
- 6:10Responsive vs adaptive
- 8:40Responsive everywhere
- 10:09Design history
- 12:22Device fragmentation
- 13:04Responsive basics
- 15:11Fluid grid EM units
- 16:57Fluid images viewport
- 18:46Media queries retina
- 19:50Responsive workflow
- 22:16Trivago lessons
- 25:46User conversion focus
- 26:52Responsive only strategy
- 27:54Responsive risks
- 28:35Performance optimization
- 29:20Mobile vs Desktop First
- 30:45Real device tests
- 31:29Conditional loading
- 32:14Responsive images
- 33:17Holistic approach
related talks
29mSquishy Pixels
15mResponsive Design vs. Adaptive Design
55mResponsive layout five years on
01h 01mThe Evolution of Responsive Web Design: What's Next?
45mHow Responsive Are You in CSS? 2026 Edition
34mA Truly Responsive Interface
33mResponsive Design in 2020
17mThe New Responsive: Web Design in a Component-Driven World