Responsive Design Explained

January 3, 2024

As a product, UX or web designer, it's important for you to know this tricky concept

Here's a responsive web page with some coloured and numbered blocks on it so that you can see how they 'reflow' as the size of the screen width changes -

‍

Learn more with my design courses

Share this on:

More design resources

Creative Careers in Tech: An Expert’s Advice

What it's like to have a creative tech career, qualities required and how to pick a tech career path based on your own personal traits

What is Digital Product Design?

Digital product design plays a crucial role in shaping the way people interact with technology

Selecting colours & creating colour palettes in UX & Product Design

The mystery of how to choose colours in digital design is unravelled here by the use of some basic principles, tools & tricks

LEARN BY EMAIL (FREE)

Design Principles

Learn by watching me apply key design principles
1 email per week with videos & free resources

Unsubscribe anytime. See a sample

Courses, Free Resources & Video Tutorials

Visual Design
Principles Course

Learn to use Typography, Colour, Layout, Hierarchy, and Alignment to create stunning designs

‍7 days free then $45/month

View the course

Top 50+
UX & UI Resources

Free images, icons, fonts, Illustrations, the best tutorials, books & more!

Filterable list

Send Resources

Embed a clickable prototype into any page

Show off your UX
Allow viewers to click around
your UX design

See a live embed in a folio!

Send Tutorial

Design book

Coming Soon

All the Visual Design Principles in one book with examples. Learn, refresh or hone your design skills to create stunning designs - Available as e-book for €7.99

Leave your details to hear when it's ready!