Styling Siblings on Hover | Create Responsive Squares in CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.ย. 2024

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

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

    Try and experiment with the code on your own over at our CodePen playground. The link is shared in the video description above.

  • @CadrienEverglade
    @CadrienEverglade 6 หลายเดือนก่อน +1

    Thank you for your videos!

    • @OptimisticWeb
      @OptimisticWeb  6 หลายเดือนก่อน

      Thank you for your support and appreciate your subscription.

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

    This is really great, short and sweet to the point, can’t wait to use it on my project, thanks!

    • @OptimisticWeb
      @OptimisticWeb  6 หลายเดือนก่อน +1

      Thank you! Glad to hear that you found the tutorial helpful. Best of luck with your project, and feel free to reach out if you have any questions along the way.

  • @keviincosmos
    @keviincosmos 9 หลายเดือนก่อน +1

    Great. 🤘 You can also use the :not() and :has() to target siblings

    • @OptimisticWeb
      @OptimisticWeb  9 หลายเดือนก่อน

      Thank you for your valuable feedback! Absolutely, we can use the next generation of selectors to achieve similar results, and we've already planned some upcoming videos covering these newly released features. Stay tuned.

  • @natzume
    @natzume 8 หลายเดือนก่อน +1

    I really loved the video ❤ Be consistent thats only thing you need to do.

    • @OptimisticWeb
      @OptimisticWeb  8 หลายเดือนก่อน +1

      Thank you for the feedback! Glad to hear that you loved the video. Your encouragement means a lot. 👍

  • @muhendisim
    @muhendisim 5 หลายเดือนก่อน +1

    heyy your all video is really helpful. thanks again. btw can i use with tailwindcss?

    • @OptimisticWeb
      @OptimisticWeb  5 หลายเดือนก่อน +1

      Of course, since this code primarily relies on standard CSS properties, it should seamlessly integrate with Tailwind CSS.
      Also, you may look into our short video (th-cam.com/users/shortsYoCm92KofDc) showcasing a fresh approach to achieving similar effects using the ":has()" pseudo-class.

    • @muhendisim
      @muhendisim 5 หลายเดือนก่อน +1

      @@OptimisticWeb thank you a lot. i watched it so nice :)

  • @zarkodimitric6339
    @zarkodimitric6339 5 หลายเดือนก่อน +1

    hey it works. I have only one problem and that is since the parent has no pointer and my children are clickable the links won't work. How can I fix that?

    • @OptimisticWeb
      @OptimisticWeb  5 หลายเดือนก่อน

      If you're sticking with the same card layout from the tutorial, just swapping the inner divs with anchor tags should work smoothly. But if you're trying something different, share a CodePen link, and I'll see what I can do to assist.
      Also, you may look into our short video (th-cam.com/users/shortsYoCm92KofDc) showcasing a fresh approach to selecting all sibling elements using the ":has()" pseudo-class.

    • @zarkodimitric6339
      @zarkodimitric6339 5 หลายเดือนก่อน

      @@OptimisticWeb using has works perfectly! thanks!