Responsive Dashboard Layouts with CSS Grid

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

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

  • @vinnymurphy5994
    @vinnymurphy5994 8 месяцев назад +3

    I've been struggling all week with wrapping my head around CSS Grid. This video made it all click so much better. Thank you!

  • @neilmorano3211
    @neilmorano3211 7 месяцев назад +2

    This tutorials is top tier! I hate css grid cuz of complexity, but after watching this vid, I'm starting to love CSS Grid. ❤❤ Thank you for your quality content. You deserve an additional subscriber, which is me.

  • @arya0287
    @arya0287 11 месяцев назад +6

    So far, this is the best explanation of css grid for me, thank you

  • @shekhariyer327
    @shekhariyer327 Год назад +13

    i can't tell how good his course on javascript was, i took detailed notes, completed 2 mini-projects so far

  • @tasliner2003
    @tasliner2003 2 дня назад +1

    This is actually what I need

  • @jlchiva100
    @jlchiva100 Год назад +2

    Hello Sr, thank you for this video your explain is so good, God bless you from Venezuela

  • @igboanugwocollins4452
    @igboanugwocollins4452 Год назад +4

    Thank you for this, this was what I was looking for

  • @linusjokela7421
    @linusjokela7421 10 месяцев назад +2

    Good video, it gave me some more knowledge about CSS Grid, i really enjoyed it!
    I just wanted to point out that you could reduce the amount of CSS by just putting the large screen CSS inside a media query, the default behaviour will look good on mobile.

  • @CuriousPanda_
    @CuriousPanda_ Год назад +3

    Short and crisp! Thank you :)

  • @AgeGutsChannel
    @AgeGutsChannel Год назад +6

    U have a great way to explain. Very usefull

  • @tarikkapetanovic9715
    @tarikkapetanovic9715 6 месяцев назад

    for anyone facing same issues as me, this may not work in Brave browser for some reason, other browsers such as Chrome and Edge, works fine :)

  • @جعفرمنطقیبیگ
    @جعفرمنطقیبیگ Год назад +1

    This is a great tutorial for using css grid...Thank you so much!

    • @ByteGrad
      @ByteGrad  Год назад

      Glad it was helpful!

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

    THANKS . .. CAN YOU MAKE THAT TUTORIAL AGAIN USING TAILWINDCSS PLEASE/

  • @vintech_webb
    @vintech_webb Год назад +1

    Thanks for the video, it was helpful. I hope you could create this same project making the nav and header fixed. 🇳🇬🇳🇬🇳🇬

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

    Does it work with Angular and different components?

  • @manhtuong1760
    @manhtuong1760 5 месяцев назад

    In case there are more than 6 cards, what should I do?

  • @arshad1781
    @arshad1781 2 года назад +2

    Thanks for sharing free knowledge

  • @luishinojos1829
    @luishinojos1829 Год назад +1

    it was stonish dude, thanks a lot.

  • @RifatBilgi
    @RifatBilgi Год назад +1

    Bootstaro 5, Can you make admin panel ?

  • @stivenmedina2825
    @stivenmedina2825 Год назад +1

    Very helpful video, thank you so much

  • @TheSurajJaiswalll
    @TheSurajJaiswalll Год назад +1

    That helps me alot bro, thanks bro 🤝🤝

  • @tphrgrcinri
    @tphrgrcinri 7 месяцев назад +1

    Brill! Thank you

  • @dimanaif8345
    @dimanaif8345 Год назад +1

    Wow this was vey helpful thankkkkk u so much

  • @twattusbobble9845
    @twattusbobble9845 Год назад +2

    Really helpful. Dank je wel!

  • @itzyadu
    @itzyadu 6 месяцев назад +1

    U saved my day 😊

  • @linusfahlander2449
    @linusfahlander2449 8 месяцев назад +1

    Amazing video helpt alot :D

  • @asdasd-xp6pj
    @asdasd-xp6pj Год назад +1

    can i have copy of the code?

  • @harshs538
    @harshs538 Год назад +2

    Include link to the code also.

  • @Leon-gu4nh
    @Leon-gu4nh Год назад

    Hi, Thanks for videos. Can you make complete study case dashboard using css and javascript of course?

  • @AcousticPeepo
    @AcousticPeepo Год назад +1

    why not just put the header and main in their own container? that would make it much easier to setup, if you have to go into the children and set properties there, at that point just use flexbox.

    • @ByteGrad
      @ByteGrad  Год назад +1

      Yep, flexbox is certainly a good option too. Advantage of CSS Grid here is that you keep thinking in terms of how many columns and rows, which is nicer for global layouts imho

  • @ichsandickifareza7980
    @ichsandickifareza7980 5 месяцев назад +1

    Thanks sir

  • @international_math
    @international_math 3 дня назад +2

    👍👍👍👍👍👍👍💫

  • @ByteGrad
    @ByteGrad  2 года назад +2

    Hi, mastering JavaScript is critical if you want to be a modern, professional developer: www.udemy.com/course/professional-javascript-course/?referralCode=0C1D5752923168BC87C2
    Also, if you are a front-end developer then mastering CSS (including Flexbox, CSS Grid, etc.) is equally important: www.udemy.com/course/professional-css/?referralCode=4C3C08E82629E6B15752

  • @Ad9911io
    @Ad9911io 11 месяцев назад

    .main > * { grid-area: initial }
    > * This selects all child elements