Responsive web design for beginners - Webflow tutorial (using the Old UI)

When you visit a site on your mobile device, you may see a desktop version of the site crammed into a smaller screen, forcing you to zoom and pan to see any content. Or you might land on a watered-down "mobile version" that lacks the content and experience that makes the desktop version superior. Hopefully, though, you see a responsive website — a design that reflows and repositions content based on the width of the browser.

There are 4 different aspects to responsive design we’ll be covering here:

1. Reflowing content
2. Fixed sizing
3. Relative sizing
4. Breakpoints (media queries)

----------

Get started with Webflow:

[---xbyj]

These videos are excellent for a refresher, thank you. I took a class on beginning web design and this is helping me remember a lot of what I learned. 👍👍

[cweb]

is the best educational content for web design ever.

[lavalampprincess]

amazing pace, simple to understand, gets to the point and is beautifully made. thank you.

[noahglassman]

How do you implement resizing and breakpoints into already constructed rotational parallax in layered images?

[furleysbrain]

yeah but when i change an element on one 'media query' it changes on the rest of them..

[ScottGaul]

Nice video - thanks. I've been looking for a video like this to give to my client - a video that explains to my client what Responsive Design is. I noticed that nearly all the videos out there are for website designers. I think someone could create a whole set of videos for the Clients. So a website designer doesn't have to explain to a Client what's what.

[sedkitlija]

i'm new to webflow and i don"t know if i should use percentage or px to get responsive design

[robotheadv]

Hello, amazing video, in my webflow i use percentage for my div which as an image and the size didnt change, can you help me?