Rapid responsive layouts using Quick Stack - Webflow tutorial

Подписаться 197 тыс.

Просмотров 23 тыс.

50% 1

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

Опубликовано:

25 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 21

@staticmotion1628 11 месяцев назад

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

@tehDropzzz 11 месяцев назад

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 11 месяцев назад

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

@habibi750 11 месяцев назад

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

@micalcre8ts 11 месяцев назад

Love it thanks this platform has been a blessing and beyond

@grassIand 11 месяцев назад

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

@noahnew7 11 месяцев назад

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

@mandyjoga 11 месяцев назад

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

@ptysme 8 месяцев назад

Totally makes sense now, thanks!

@crooker2 10 месяцев назад

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?

@frannenorman4364 11 месяцев назад

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

@chriswertz5825 11 месяцев назад

That’s almost exactly right Grimur 😂

@saifadnan864 11 месяцев назад

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

@suman121069 10 месяцев назад

♥

@fahadraee115 11 месяцев назад

I miss you Sara 🥺

@SimonPhetersky 11 месяцев назад

you're funny that's why learning goes better

@martinschmidt1652 11 месяцев назад

How to keep all cells same width

@Webflow 11 месяцев назад

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 11 месяцев назад

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.