ACSS 101:15 - Variable Grid Layouts

Подписаться 4,6 тыс.

Просмотров 1,7 тыс.

50% 1

Variable Grids are automatically responsive grids that auto-fill themselves with elements based on the minimum allowed width of items.
Learn more about variable grids: automaticcss.c...
Interested in using Automatic.css on your sites and accessing the private ACSS support and strategy community? Get a license here: automaticcss.com
Interested in using Frames on your sites and accessing the private Frames support and strategy community? Get a license here: getframes.io
Want more helpful dev tutorials and agency-related trainings? Check out Kevin's channel: / @gearyco

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

8 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@LupusDesign Месяц назад

All I can say is that ACSS continues to amaze me! Great documentation on this & looking forward to the next installment.

@davidwalls2304 Месяц назад

Nice tool for the toolbox. Great explainer videos.

@KOBE42__ Месяц назад

Just what I was looking for! Does this use clamp in the css?

@AutomaticCSS Месяц назад

No it uses auto-fit.

@stripedgoat8470 Месяц назад

Really cool. And it's surprising that it's just a few lines of code 😃

@mikt Месяц назад

Edit: never mind, ATs superCSS is killing recipes, so i disabled it (I do not get it - when i do an @variable-grid in the css field nothing happens :( )

@HarryThomas_HMT3design Месяц назад

Thanks for posting this. For those who are looking for it, it's in Builder Tweaks > Elements > Superpower the Custom CSS Control

@themikesantos Месяц назад

I'm using the latest ACSS, but when I try to call the recipe (variable-grid-columns) and hit enter nothing happens. Does a certain setting need to be turned on? I went with method 3, but when you call the recipe in the custom CSS and hit semi-colon, the code is just missing the --min. No big deal, just added the min. Appreciate this video and the auto-grid one...I have wasted a lot of time trying to perfect breakpoints 🤦‍♂

@AutomaticCSS Месяц назад

What I showed is updated in the next version release this week.