Rapid responsive layouts using Quick Stack - Webflow tutorial

The Quick Stack element in Webflow is a tool for quickly designing responsive layouts. It fuses the power of CSS grid with pre-populated divs set to flex-vertical, so you can craft beautiful designs for any screen size or resolution. In this lesson, we demonstrate how to use Quick Stack to make sure your visitors get the best experience regardless of their screen size.
00:00 - Introduction
00:44 - Desktop
02:01 - Tablet
03:27 - Mobile landscape
05:05 - Mobile portrait
Read all about it → university.webflow.com/lesson...
Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community
webflow.com
/ webflow
/ webflow

[@staticmotion1628]

i love these tutorials lol you learn you laugh you end up with knowledge and a smile, best tip was how you wrote always start with parent element never thought of it this way thanks

[@habibi750]

Just starting using Webflow 3 days ago and thanks to these funny and informative videos, I am up and running and know how to use Webflow

[@tehDropzzz]

These videos gradually became so entertaining, that at this point I’m watching them out of pure enjoyment, while learning stuff at the same time

[@realsamratc]

Laugh, Enjoy & learn. Webflow tutorials are really best in class and no.1 in the world. Grimmer specially xD

[@micalcre8ts]

Love it thanks this platform has been a blessing and beyond

[@noahnew7]

Funny and informative as always! thank you guys! sending some

[@grassIand]

it's amazing you guys have been consistently outputting high quality videos for so many years, thank you so much for the the effort! you guys honestly deserve 1M subs

[@mandyjoga]

Thank you guys, just in the right time and you saved my life!!

[@ptysme]

Totally makes sense now, thanks!

[@crooker2]

This is great. Webflow is coming along nicely... especially with the addition of APPS. Now... can you use Quick stack to wrap a repeating pattern of cells into an unlimited loop of collection items?

[@chriswertz5825]

That’s almost exactly right Grimur 😂

[@frannenorman4364]

These videos are pure art. But quick stack is basically a user-friendly CSS Grid right? I can do exactly the same with Grid

[@suman121069]

♥

[@saifadnan864]

Did you guys update this part ( Quick stack ) in Webflow Expert certification exam?

[@fahadraee115]

I miss you Sara 🥺

[@SimonPhetersky]

you're funny that's why learning goes better

[@martinschmidt1652]

How to keep all cells same width

[@Webflow]

With Quick stack, all columns are set to the the same width and are responsive. If you want to keep your cells the same width, make sure not to span the divs within them to more than 1 column. However, if you do, make sure the other divs are spanning the same amount of columns. Hope this helps :)

[@sebrame]

I left Webflow for Pinegrow. That lasted 1 week. Besides not really being able to grasp their interface fast enough to get up to the needed speed, the training was abysmal.

[@davidschaer]

where sarah..? 🥹