CSS Subgrid Explained: Simplify Complex Layouts in 4 Steps

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

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

  • @quadstudio-ch
    @quadstudio-ch 22 дня назад +1

    Thank you so much! it fixed my issue. Lovely

  • @thyaditya
    @thyaditya 3 месяца назад +1

    Huge thanks to you, dude. This was one of the problems I was facing recently, and there was no better solution online. Respect, man.

    • @webbae
      @webbae  3 месяца назад +1

      Great to hear!

    • @webbae
      @webbae  3 месяца назад +1

      no more mucking around with min-height and flex row weirdness!

    • @thyaditya
      @thyaditya 3 месяца назад

      Yeah

  • @alyssa_bananas
    @alyssa_bananas 3 месяца назад +1

    Holy moly, mind blown!

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

    Hey Keegan, I recently used this, so thank you, amazing tutorial and overview! Also, I noticed that even without using subgrid, the rows have a minimum height of 75px, which is only present in the designer and not in preview or published version. And, it can also be fixed by turning off the 'show empty elements' in the canvas settings (but that also means you cannot see an empty div on the designer as well). :)

  • @kudz
    @kudz 3 месяца назад +1

    Lovely video man!
    Another property I came across that’s come in clutch is display:contents which has a similar effect to sub grid but I use it for flex layouts 👌

    • @webbae
      @webbae  3 месяца назад

      I saw Wes do a post on this. Will have to explore! 🧐 thanks for sharing.

    • @kudz
      @kudz 3 месяца назад +1

      @@webbae you watch Wes Bos too!😆
      Him and Kevin Powell are carrying my career lol

    • @webbae
      @webbae  3 месяца назад +1

      @@kudz my heroes 🥰

  • @AndrewE8001
    @AndrewE8001 3 месяца назад +1

    Is CSS Subgrid supported by all browsers? This is awesome, thank you for this tutorial!

    • @webbae
      @webbae  3 месяца назад +1

      caniuse says 89%. It's in every major browser except IE, which I don't consider a major browser.
      caniuse.com/?search=subgrid

    • @AndrewE8001
      @AndrewE8001 3 месяца назад

      @@webbae Thank you! Yeah, I don't know anyone who still uses IE. 😄

  • @Tony.Nguyen137
    @Tony.Nguyen137 Месяц назад +1

    Hi, as of now, Subgrid has a global usage of 90.54%. Is it safe to use in production, or what global percentage is generally recommended for using a CSS property?

    • @webbae
      @webbae  Месяц назад +1

      I’d use it! If it’s for a larger more established brand whose audience might not upgrade their browser you can always provide subgrid as a progressive enhancement too.

    • @Tony.Nguyen137
      @Tony.Nguyen137 25 дней назад

      @@webbae Hi, I've been experimenting with subgrid, and I love it! How did people actually handle this alignment issue before subgrid?? Do you know any CSS Tricks articles or other resources you could recommend?

  • @heatherliu6856
    @heatherliu6856 3 месяца назад +1

    🤯🤯🤯

    • @webbae
      @webbae  3 месяца назад

      🤝

  • @JonSaxton
    @JonSaxton 3 месяца назад +1

    My guy