What are Container Queries and how to use them in Tailwind CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025
  • Container queries help us define different styles for components based on the size of its parent container. This video shows you a real world use case and how to implement that using Tailwind CSS's official plugin of container queries.
    Demo on GitHub: github.com/Thi...
    Want to master Tailwind CSS with such awesome examples and explanations? You'd love my eBook and video course "Level up with Tailwind CSS". Check it out here - shrutibalasa.g...
    Use the discount code "THIRUS10" to get a special 10% discount.

ความคิดเห็น • 34

  • @development2301
    @development2301 2 หลายเดือนก่อน +2

    Thank you for your efforts, it's very helpful ❤

    • @Thirus
      @Thirus  2 หลายเดือนก่อน +1

      Happy to hear that :)

  • @najmulhasan5997
    @najmulhasan5997 ปีที่แล้ว +6

    Finally u r back ❤❤❤. Please make a full website project with complex layout using tailwind. It can be 2hourse or 3hours video.

    • @Thirus
      @Thirus  ปีที่แล้ว +2

      Thank you for noticing that I’m back :)
      This year I might focus on smaller videos because longer ones consume days together.

  • @abdulwahab182
    @abdulwahab182 10 หลายเดือนก่อน

    I have seen videos on this topic
    From the css legends
    But the way you have explained is superb 💯

    • @Thirus
      @Thirus  10 หลายเดือนก่อน

      Thank you Abdul!

  • @SpeedCodes-oc7ed
    @SpeedCodes-oc7ed ปีที่แล้ว +1

    hi Thirus, thanks for your stuff, are you thinking to build a complete course with tailwind and alpine in the in the most important usecases?

    • @Thirus
      @Thirus  ปีที่แล้ว +1

      I have no such plans at the moment. I do have a book + video course - “Level up with Tailwind CSS”. Check it out if you haven’t yet - shrutibalasa.gumroad.com/l/level-up-with-tailwind-css

    • @SpeedCodes-oc7ed
      @SpeedCodes-oc7ed ปีที่แล้ว +1

      looks amazing a book is much better,@@Thirus ... do you also something about alpine? i'm looking on this

    • @Thirus
      @Thirus  ปีที่แล้ว +1

      I’ve always wanted to. Hopefully this year

    • @SpeedCodes-oc7ed
      @SpeedCodes-oc7ed ปีที่แล้ว +1

      @@Thirus i really hope you will publish one, because it will be amazing, there is no comtepetion in this field

  • @LarsRyeJeppesen
    @LarsRyeJeppesen 7 หลายเดือนก่อน +1

    Great tutorial. Thanks a lot

    • @Thirus
      @Thirus  7 หลายเดือนก่อน

      You’re welcome!

  • @chiragchhajed8353
    @chiragchhajed8353 ปีที่แล้ว +1

    Nicely explained 👏👏

    • @Thirus
      @Thirus  ปีที่แล้ว +1

      Thank you!

  • @one-stop-zone
    @one-stop-zone ปีที่แล้ว +2

    Welcome back 🎉❤❤❤❤❤

    • @Thirus
      @Thirus  ปีที่แล้ว +1

      Thank you 😀

  • @saeediqbal5956
    @saeediqbal5956 ปีที่แล้ว

    Welcome Back ahd thanks for this Masterpiece ❤

    • @Thirus
      @Thirus  ปีที่แล้ว

      Thank you 😊🙏

  • @JayTailor45
    @JayTailor45 ปีที่แล้ว +2

    Yay, welcome back.

    • @Thirus
      @Thirus  ปีที่แล้ว

      Ha ha thank you!

  • @queenspendler
    @queenspendler ปีที่แล้ว +1

    Welcome back. Are you on Mastodon?

    • @Thirus
      @Thirus  ปีที่แล้ว

      Thank you :) No I’m not on mastodon

  • @vishalkumar.57454
    @vishalkumar.57454 ปีที่แล้ว +1

    Great Video

    • @Thirus
      @Thirus  ปีที่แล้ว

      Thank you!

  • @codewithshahid4527
    @codewithshahid4527 ปีที่แล้ว +1

    Welcome Nice video

    • @Thirus
      @Thirus  ปีที่แล้ว

      Thank you Shahid!

  • @znkdev
    @znkdev 7 หลายเดือนก่อน +1

    Great! Plz bring more tailwind tips o/

    • @Thirus
      @Thirus  7 หลายเดือนก่อน +1

      Sure, thank you!

  • @asfnobambu
    @asfnobambu ปีที่แล้ว +1

    It is always nicer to learn IT stuff from a female voice :-) Anyhow, very nice tip this container-queries !! Thanks.

  • @abdulwahab182
    @abdulwahab182 10 หลายเดือนก่อน

    Perfect in all respects ❤

  • @DuaneASmit
    @DuaneASmit ปีที่แล้ว +1

    👏👏👏👏

  • @makhdumhossain2654
    @makhdumhossain2654 ปีที่แล้ว +2

    Show me somethg better than this and i'll change my name

    • @Thirus
      @Thirus  ปีที่แล้ว

      Aww! That’s very motivating, thank you