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:
https://help.webflow.com/courses/getting-started
http://webflow.com
http://twitter.com/webflow
http://facebook.com/webflow
source
gosh…..this is the best educational content for web design ever.
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?
yeah but when i change an element on one 'media query' it changes on the rest of them..
amazing pace, simple to understand, gets to the point and is beautifully made. thank you.
i'm new to webflow and i don"t know if i should use percentage or px to get responsive design
How do you implement resizing and breakpoints into already constructed rotational parallax in layered images?
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. 👍👍
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.