ACSS 101.17 - Advanced Content Grid

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 30

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

    Only one word, Kevin: WoW! Amazing! Brilliant! Magnificent! Stupendous! You choose! ❤👏🏻

  • @quickend01
    @quickend01 2 месяца назад

    You always deliver gold Kevin, Thanks again for yet another great lesson.

  • @stphnmwlkr
    @stphnmwlkr 2 месяца назад +1

    Brilliant. I just spent a few minutes completely revamping a blog template. This is exactly the feature set I was trying to recreate in a painful, chump-like way. Now I can create a single post with all the different configurations and save them as partially synced patterns so the Bevs of the world don't have to rknow the classes.

  • @andrewschaeffer4438
    @andrewschaeffer4438 2 месяца назад

    Great work keep it up!

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

      Good to see you still around!

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

    Thanks

  • @jzajzz
    @jzajzz 2 месяца назад

    7:30 How do you use Auto Grid in Gutenberg , Which element shoudl i use to place the CSS class as Gutenberg doesn't have Divs, Sections or Containers, I'd like to have an auto grid of 3 stacks for my blog posts. ?

  • @Simon-sly
    @Simon-sly 2 месяца назад

    This is really great. Gutenberg is becoming useful thanks to tools like this. It's a shame we can't see the new widths visually when adding the classes in Gutenberg. I guess that's a limitation of the block editor?

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

      Yep, Gutenberg can’t see what’s happening in the bricks template and that’s where content grid is set.

  • @joeregan.
    @joeregan. 2 месяца назад

    Is there a frames frame that has a section with cleared out gutter and inner container and adds the post content element with the 2 classes to itself?

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

      ?

    • @joeregan.
      @joeregan. 2 месяца назад

      @@AutomaticCSS Will you be adding a frame to frames to jumpstart this?

  • @fawadalli
    @fawadalli Месяц назад

    Thank you. Is it the end of course?

  • @goshenweb
    @goshenweb 2 месяца назад +1

    This is great. Any chance this can be accomplished with less utility classes…looks like a ton just for one stack. Thanks

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

      That’s how utility classes work. You need a lot of them. This is why BEM is better, but you can’t use BEM in Gutenberg.

  • @mcostales84
    @mcostales84 2 месяца назад

    How to make the image stand out, wider, programmatically using content-grid?

  • @HMT3design
    @HMT3design 2 месяца назад

    This is great - if you want to mess with Gutenberg. But I assume that this is also available in the Classic Editor?
    Of course, now the clients need to know the ACSS classes to use this, and that's TL:DR. So this keeps your revenue stream going, right?

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

      I wouldn’t expect the client to do this stuff the way I demonstrated. There are additional pathways you’d need to tack on.

    • @HMT3design
      @HMT3design 2 месяца назад

      @@AutomaticCSS agreed. Thank you for responding.

    • @Simon-sly
      @Simon-sly 2 месяца назад

      @@AutomaticCSS Would be great to know the additional pathways you mention to enable clients to have a break-out box like this in their blog posts.

  • @JoyHints
    @JoyHints 2 месяца назад +1

    All of a sudden, Kevin doesn’t know how to set preview content in Bricks. Yeah, bricks sucks. Shoutout to Etch ✌️

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

      It's extra steps that aren't default. I was just showing what the user will encounter out of the box.

  • @popopp2297
    @popopp2297 2 месяца назад

    Kev, did Mullenwig call, text or email you?

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

    Cool… but christ on a bike, now Bev calls and asks to be shown how to do this. Her head will be spinning into infinite loops, just like the block editor.

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

      This is not for Bev to be doing. You can make this easier with GutenBricks, custom block styles, etc.

    • @dahunsi
      @dahunsi 2 месяца назад

      ​​Do you recommend GutenBricks? ​@@AutomaticCSS