Layouts that hold. On every screen, in every region.
Adaptive design is not a visual style — it's a structural discipline . These lectures address how interfaces respond to real device constraints, from low-bandwidth connections in rural areas to high-density displays in cities.
What the lectures actually cover
Each topic builds on the previous one. The sequence matters — skip ahead and gaps appear in your understanding.
The viewport and its misunderstandings
Most developers treat the viewport as a fixed canvas. It is not. Lecture one covers the difference between device pixels, CSS pixels, and visual viewport — with browser DevTools walkthroughs.
Grid and Flexbox as a pair, not alternatives
Grid handles macro layout. Flexbox distributes items within a row or column. Using both together — not choosing one — is where clean adaptive layouts come from.
Container queries — why breakpoints alone fail
A sidebar card at 400px width behaves differently from a full-column card at 400px. Container queries let components respond to their own space, not the window.
Fluid type scales without magic numbers
Font sizes set at fixed px values break on unusual viewports. clamp() with meaningful min and max values gives text room to breathe across the full range.
Images that load for real users
srcset and sizes attributes are rarely used correctly. This lecture works through concrete image serving decisions — when to use art direction with picture versus resolution switching with img.
Taught by someone who has shipped adaptive interfaces
Oksana Vereshchuk has designed and built responsive systems for web products used across multiple Ukrainian regions since 2018. The lectures draw from cases where constraints were real, not hypothetical.
Oksana Vereshchuk
Lead instructor, Galinure