ACSS 101.13: Traditional Grid Layouts

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

Просмотров 3,8 тыс.

50% 1

Learn more about CSS Grid: • PB101: L09 - Creating ...
Learn about Flexbox: • PB101: L10 - Content J...
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

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

10 окт 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@antonichristian5845 3 месяца назад

Great video Kevin! I've started to dabble with using variable grids it's so good for basic column layouts look forward to the video on that one as well!

@davidwalls2304 3 месяца назад

Looking forward to all of the layout videos + enjoyed the "free" entertainment & Dad jokes.

@pringletech 3 месяца назад

I manage a Windows CRM system, and I train my users by saying, "Right click brings joy." If you think the control or action you are looking for is not there but seems like it should be, right-click. It sticks with them, and believe me, it is a hard feat to get them to remember how to use software. You can use it if you like. This is an amazing way to build, Thank you.

@RobCooper 3 месяца назад

Fascinating. Thank you. All your tutorials are incredibly helpful in getting to know ACSS as well as CSS. BONUS: the entertainment value!

3 месяца назад

Partly I cursed you because things didn't work... until I also realized something was wrong with Bricks :). The thing I'm most excited about in this tutorial is the control button in combination with the breakpoints. What a performance gain! Thank you very much!

@petarpavlov 3 месяца назад

Always something new to pick up! Watching it sped up, I just wish Bricks could have the same response time as on the sped up video :) It seems after creating more than five sections it starts to get laggy and cannot keep up with the workflow speed provided by ACSS

@AutomaticCSS 3 месяца назад

The only lag issues I still experience are related to clicking in the classes input and adding classes.

@andredkvideo 3 месяца назад

BANG BANG!!

@eucalyptech 2 месяца назад

Some great tips, thank you Kevin 😃

@captainfire74 2 месяца назад

I'm learning CSS thanks to you ! Thank you so much ! A video talking more about css selectors (and a few concrete examples in Bricks) would be incredible :) Also, a video presenting most options and commands for the ACSS plugin/panel could be really useful. (I'd love to be able to custom it even more with all those options but I'm a bit scared to mess things up sometimes :p )

@tjveach 3 месяца назад

As always Kevin Great job, yes it was a firehose!😊

@isaurasotoca 3 месяца назад

When in doubt... It's all right click, baby! 😂😂😂 Good entertainment!! 👏

@Mallory796 2 месяца назад

Honestly, life-changing

@nostressirish2767 2 месяца назад

Great video Kevin and theres no end to the dad jokes 🙂

@JosephJauregui-xl7wu 2 месяца назад

It may be a free video but I WOULD TOTALLY PAY FOR "BANG BANG" "BANG BANG" (with finger guns) HaHaHaHa classic!!!

@thorsten-roever 3 месяца назад

thanks

@BGdev305 3 месяца назад

No!!! Not the Kevin Heart bang bang 🤣🤣

@AutomaticCSS 3 месяца назад

Fucking raccoons!

@jmcbade2960 2 месяца назад

If Frames is present, .grid-auto-rows doesn't provide the same result at 6:43. The divs in the rows become full width.

@AutomaticCSS 2 месяца назад

Link?

@jmcbade2960 2 месяца назад

@@AutomaticCSS Well sure but you need to have access to the backend to activate or deactivate the Frames plugin. Please see the circle to get credentials.

@AutomaticCSS 2 месяца назад

@@jmcbade2960 It wasn't related to the Frames plugin. I found the issue and it's been resolved.

@jmcbade2960 2 месяца назад

@@AutomaticCSS I am glad you figuered it out. Would this resolution be in an update then?

@jmcbade2960 2 месяца назад

It's not solved in 3.0.8 correct?

@LupusDesign 2 месяца назад

Hi Kevin, thank you for this tutorial. Try as I may - and I have tried numerous times, I failed to get the headline & the paragraph below to space, adjacent to the image, to work as illustrated by you. "Headline" refuses to move to the next line! The only way I could do this was to use "ch"! I am a frustrated CHUMP!

@AutomaticCSS 2 месяца назад

Post in the community and we can help you.

@vaughanprint 3 месяца назад

On using utility classes to set the grid on various breakpoints, there are the four default sizes. I trust if we open up Bricks to use six that this can break that workflow and at this stage we would need to default to BEM or a class anyway or does ACSS slot in extra sizes to accomodate this?

@AutomaticCSS 2 месяца назад

ACSS has two extra breakpoints you can activate

@vaughanprint 2 месяца назад

@@AutomaticCSS excellent, good to know.

@ThePumasin 2 месяца назад

made a site with breakpoints by default. but I needed to add 1440px now all the styles that were there disappeared at 1440 and start working only at 1280px

@AutomaticCSS 2 месяца назад

Read the documentation on adding new breakpoints in Bricks. You have to be very careful and follow the steps precisely.