CSS Grid - Create a FULL-HEIGHT RESPONSIVE Layout in Minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

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

  • @narmus4442
    @narmus4442 13 วันที่ผ่านมา +1

    I have avoided using GRID for a long time due to its complex nature but as I am continuing to watch your videos, I now prefer using GRID more than ever!
    Thanks💖

    • @OptimisticWeb
      @OptimisticWeb  13 วันที่ผ่านมา +1

      Appreciate that! Glad you're getting comfortable with CSS Grid.

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

    I love the way you explain
    - Simple explanation
    - No rushing
    - explain every step of the code.
    Love it

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

      Thank you! Happy to know that you enjoy the way I break things down. Appreciate the support!

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

    I can’t wait to see your next video! I really enjoy your content-especially the advanced dashboards. Thank you for creating this type of content!

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

      Glad you like them! The next 3 - 4 videos will be based on different aspects of the CSS grid.

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

      @OptimisticWeb
      Waiting for the next video🎉

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

      Coming in few hours!

  • @kallynelayane
    @kallynelayane 29 วันที่ผ่านมา +1

    Great content, straight to the point and very well explained! CSS is such a beautiful thing that I subscribed before opening the video. ✨🤗

    • @OptimisticWeb
      @OptimisticWeb  29 วันที่ผ่านมา +1

      Thank you, and welcome aboard! 🤗✨

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

    thank you ser. you have been helpful

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

      You are most welcome!

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

    WAIT, WE CAN APPLY TRANSITIONS TO GRID-TEMPLATE-COLUMS?! THIS COULD'VE SAVED ME HOURS OF MESSING AROUND WITH FLEX LAYOUT.
    This is the reason I love your channel ❤✨️✨️

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

      Yes! The grid-template-columns is an animatable property, and it's super handy for creating smooth layout transitions. Thanks for the love and support! ❤️✨

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

    Excellent job on CSS GRID here. Loved it and can't wait to see the next one. 👍

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

      Thank you! I'll try to describe different aspects of the CSS grid in upcoming videos.

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

      @@OptimisticWeb What I am trying to achieve, as I work on my own small CSS framework I can use for my own projects, is either a CSS grid with areas or named grid lines. I like named grid lines, as I have seen different approaches recently. In case you have an idea to that too, please make a video. I would love to see it.

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

      Sure.

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

    Thank you so much ! Awesome video ! Great teacher here !

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

      Thank you, glad you liked it!

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

    Thank you - great pace and articulation in your videos! Straight to the point 👌🏻

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

      Appreciate your feedback! I try to keep videos short and focused.

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

    Great video, like always 👌 with great info, tips and something to learn.

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

      Thank you! Appreciate your support.

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

    Thank you very much for this high value content ❤👍

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

      Thank you! Glad you enjoyed it.

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

    excelente!

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

    amazing, great info. Thank you.

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

      You're welcome! Glad you liked it!

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

    Полезно👍

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

      Thank you! Glad you found it helpful!

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

    amazing!!!!

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

    Thanks

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

      Welcome! Hope you find the video helpful.

  • @status-200-ok
    @status-200-ok 2 หลายเดือนก่อน +1

    Very good, I liked it and I subscribe to myself, I hope you see things like that with animations, a greeting

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

      Thank you, and welcome aboard!

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

    Hey. JS??? I thought you'd do a checkbox input instead of a button element and then attach some CSS rules with input:checked respectively)) Frankly speaking, it is a cool video. This is a common issue; to do a container with 100% of screen height with a sticky footer at the bottom even if the content is not enough to push it there. One little thing - I've noticed that SVH works better than DVH on mobile screens. DVH pushes the footer out of the mobile screen. Or is it just my misunderstanding?

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

      Thank you! Yeah JS :) The checkbox can be a way to deal with the resizable sidebar. I used that solution in the CSS-only tabs video, so I thought to try a different technique this time. I am not sure about that footer issue on mobile as I never tested between SVH or DVH. Thanks for updating me.

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

    instead of JS for the button you could have styled a checkbox to do the same thing avoiding JS

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

      That's correct! I've used a similar technique in my CSS-only tabs video, so I wanted to showcase a different approach this time. Thanks for watching!

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

    your voice sounds like an IA

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

    Pica de cachorro isso ai

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

      Thanks for watching!

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

    {2024-10-16}

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

      Thanks for watching!

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

    What in the AI robot voice... 😂

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

      😂 Thanks for watching!