Rapid responsive layouts using Quick Stack - Webflow tutorial
Vložit
- čas přidán 30. 07. 2024
- 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
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
Laugh, Enjoy & learn. Webflow tutorials are really best in class and no.1 in the world. Grimmer specially xD
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
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
Love it thanks this platform has been a blessing and beyond
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
Funny and informative as always! thank you guys! sending some
Thank you guys, just in the right time and you saved my life!!
Totally makes sense now, thanks!
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?
These videos are pure art. But quick stack is basically a user-friendly CSS Grid right? I can do exactly the same with Grid
Did you guys update this part ( Quick stack ) in Webflow Expert certification exam?
That’s almost exactly right Grimur 😂
♥
I miss you Sara 🥺
How to keep all cells same width
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 :)
you're funny that's why learning goes better
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.
where sarah..? 🥹