Design that adapts to every screen
Freya Tenbrook launched her first site in 2019 on a laptop while working from a café. The design looked perfect there, but when her client checked it on a tablet during a meeting, everything broke. That single moment changed how she thought about every pixel she placed. We teach responsive web design through stories like hers—real problems, practical fixes, and the thinking that prevents those mistakes before they happen.
Explore our coursesWhat we cover in sessions
Fluid grids and breakpoint strategy
Most designers set three breakpoints and call it done. We show you how to think in ranges instead of fixed widths, how to test edge cases between standard device sizes, and why percentage-based layouts fail in specific contexts.
Image optimization across devices
A 4K hero image loads beautifully on desktop but kills mobile data plans and conversion rates. Learn when to use srcset, how to choose the right format for different content types, and what compression level actually matters to human perception.
Touch targets and mobile interaction
Buttons that work perfectly with a mouse cursor become frustrating on touch screens. We cover sizing standards, spacing requirements, and how to design for thumbs without making desktop layouts feel childish.
Typography that scales properly
Setting font sizes in pixels creates rigid designs that break when users adjust browser settings. You'll learn fluid type systems, how to maintain readability across viewport widths, and why line length matters more than most realize.
Since 2023, we've helped designers and developers rethink how they approach responsive layouts. Our webinars connect people from different time zones, each bringing their own device challenges and real project constraints to the conversation.
Stories from participants
I'd been building websites for three years but never understood why my layouts broke on certain tablets. The session on fluid grids finally made it click. Now I test every design on at least six different viewport widths before shipping.
The instructor walked through a real client project where images loaded too slowly on mobile. Seeing the before-and-after performance metrics convinced me to spend more time on optimization. My bounce rate dropped noticeably within two weeks.
How our webinars work
Join live sessions
Each webinar runs for 90 minutes with screen sharing and live code demonstrations. You see exactly how decisions get made in real time, not just polished final results.
Ask questions directly
We pause for questions throughout each session. If something doesn't make sense or you're facing a similar issue on your project, speak up. Most breakthroughs happen during these discussions.
Practice on your work
Between sessions, you apply techniques to your actual projects. The following week, you share what worked and what caused confusion. This feedback loop makes concepts stick.
Common questions
You should understand HTML and CSS basics—what a class is, how to write a media query, how flexbox works. We don't teach syntax from scratch. If you've built a simple website before, even a rough one, you have enough foundation.
Every session gets recorded and posted within six hours. You can watch at your own pace and submit questions through email. While you miss the live interaction, you still get all the content and can catch up before the next session.
Most participants notice improvement in their workflow within the first month. Real mastery takes longer—expect to spend at least eight weeks practicing before responsive design becomes second nature. Speed depends on how much you apply between sessions.
Yes. During Q&A segments, share your screen or describe the problem you're facing. We often debug live during sessions if the issue illustrates a broader concept. For detailed project reviews, we offer separate consultation hours outside the main webinar schedule.