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:
