What students built

Adaptive design is a skill learned by doing. These are real projects from real learners — each one a record of problems encountered, decisions made, and layouts that finally worked on every screen.

Course Projects

Six layouts, six different decisions

Taras Klymenko

Poltava

Adaptive Portfolio Site

Built with fluid type and container queries. Every breakpoint was chosen after observing real content breakage, not guessed from a grid template.
- CSS Grid
- clamp()
- container queries
Daryna Marchenko

Kharkiv

Data Dashboard Redesign

Took an existing rigid dashboard and rebuilt it with a collapsible column system. Charts reflow cleanly at 480px without losing numerical context.
- Flexbox
- SVG charts
- media queries
Bohdan Fedorenko

Dnipro

Local News Site Layout

A newspaper-style layout that switches from a five-column desktop grid to a single-column reading mode on mobile. Typography scaling was the hardest part.
- CSS columns
- fluid type
- logical props
Oksana Pylypenko

Lviv

E-commerce Product Page

Image gallery, size picker, and review section all adapt independently. Each component was designed to work at any width regardless of siblings.
- container queries
- aspect-ratio
- subgrid
Mykhailo Horobets

Zaporizhzhia

Community Event Calendar

Weekly calendar that collapses into a vertical agenda on small screens. Keyboard navigation and contrast ratios tested against WCAG AAA criteria.
- CSS Grid
- ARIA roles
- focus management
Valeriia Kravchenko

Sumy

Restaurant Menu Interface

Sticky category navigation and an image-heavy card grid that drops to a compact list on slower connections via CSS. No JavaScript required anywhere.
- position sticky
- lazy loading
- print styles

Behind the projects

Who reviewed the work

Every project went through at least two rounds of structured feedback. Mentors focused on real device testing, not just browser emulation.

Comments were specific — a line of CSS, a missing breakpoint, a contrast failure at 1.5x text size. Students fixed what they understood and explained what they didn't.

38 devices used across student testing sessions

Ostap Verbytskyi

Lead Instructor — Adaptive Design

Works in frontend since 2013. Runs the CSS architecture module and handles layout review for all submitted projects.

About the teaching team

Andriy Solonenko

Mentor — Frontend Practice

Specialises in accessibility and device-agnostic testing. Reviews each project on physical hardware before approving it for the showcase.

See the learning program