Learning Program

Adaptive Design Done Right

Screens come in every imaginable shape. This program teaches you to build interfaces that respond, reflow, and hold together — no matter what device picks them up.

Adaptive design course materials and digital workspace
Remote access Study from anywhere in Ukraine

What you will work through

8 sequential modules, each building on the last — no skipping ahead
40 hrs of video lectures, code walkthroughs, and practice sessions
Since 2020 Galinure has been preparing remote learners across every Ukrainian region

Adaptive design is less about memorising breakpoints and more about understanding how layout decisions compound as viewport conditions change. You start with fluid grids — not fixed columns — and from the first module you write CSS that negotiates space rather than demands it.

Later modules go deeper: container queries for component-level context, logical properties for internationalisation, and viewport units that behave predictably across mobile Safari, Chrome on Android, and desktop environments. Each topic is anchored to a real-world scenario, not a toy example.

Assignments are structured around critique: you submit a layout, receive written feedback, revise it. The cycle mirrors professional practice and forces you to see your own blind spots before they ship.

What the program covers

Fluid grid systems and proportional spacing
CSS container queries and component context
Viewport units: dvh, svh, lvh and when each matters
Responsive images: srcset, sizes, and format tradeoffs
Typography that scales without media query clutter
Touch targets, accessibility, and cross-device testing
Module 01–02

Layout foundations

How Flexbox and Grid compose together when screen width is unknown. Building structures that negotiate space instead of breaking it.

Module 03–05

Context and components

Container queries in practice. Designing self-contained components that adapt to their parent — not just the viewport edge.

Module 06–08

Real environments

Testing on actual devices, handling browser inconsistencies, and performance considerations for slower mobile connections.

Instructor Daryna Ostapchuk

Daryna Ostapchuk

Lead instructor — CSS architecture

Two practitioners, one focused program

Daryna has spent years debugging layout issues across production apps — the kind of edge cases that only surface when real users show up on unexpected devices. She wrote significant parts of the curriculum from those experiences.

Oksana Yaremenko handles the second half of the program, covering accessibility and cross-device testing. Her background is in interface QA, and she is particularly sharp on the gap between "looks fine on my laptop" and "works for everyone."

Neither of them lectures at you for an hour without you touching code. Sessions alternate between explanation and hands-on work — you will have something to show by the end of each module.

Enroll in the full program

Eight modules, written feedback on every assignment, and access to all recordings after completion. Available remotely for learners across Ukraine.

UAH 3,200 Full program · one payment Contact us