Responsive design is what helps your website content reflow and reposition on all devices — desktop, tablet, mobile landscape, mobile portrait, and the Game Boy Color. Responsiveness is arguably one of the most critical parts of website design and, in this lesson, we’ll fine-tune our site design to reflow perfectly for devices of all sizes.

00:00 — Introduction
00:20 — Desktop
01:42 — Tablet
05:54 — Mobile landscape
09:11 — Mobile portrait
13:30 — Test through all breakpoints
13:44 — Recap
13:56 — CTA: Upload a video of your responsive site using the #webflow101 on Twitter
———-

Go take the full course at Webflow University: https://wfl.io/webflow101

Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community

https://webflow.com
https://twitter.com/webflow
https://facebook.com/webflow

source

3 Comments

  1. yeah, even in this perfect scenario where everything was set up to work for the video and the website is only a one small page webflow starts falling apart. it's so amateurish.
    what is a real web developer supposed to do with the export of this?
    the only reason i got into this tutorial is because clueless clients are now pushing for webflow because they think it's premium. it's as bad as any other page builder. it cannot be anything else, and i should have known better.

Leave A Reply

Please enter your comment!
Please enter your name here