Responsive Dashboard Layouts with CSS Grid

Поділитися
Вставка
  • Опубліковано 7 вер 2024

КОМЕНТАРІ • 34

  • @vinnymurphy5994
    @vinnymurphy5994 5 місяців тому +2

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

  • @shekhariyer327
    @shekhariyer327 Рік тому +12

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

  • @ByteGrad
    @ByteGrad  Рік тому +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

  • @arya0287
    @arya0287 8 місяців тому +5

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

  • @neilmorano3211
    @neilmorano3211 5 місяців тому +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.

  • @igboanugwocollins4452
    @igboanugwocollins4452 11 місяців тому +4

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

  • @linusjokela7421
    @linusjokela7421 7 місяців тому +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.

  • @jlchiva100
    @jlchiva100 9 місяців тому +2

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

  • @AgeGutsChannel
    @AgeGutsChannel Рік тому +6

    U have a great way to explain. Very usefull

  • @CuriousPanda_
    @CuriousPanda_ Рік тому +3

    Short and crisp! Thank you :)

  • @tarikkapetanovic9715
    @tarikkapetanovic9715 4 місяці тому

    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 :)

  • @user-nd7sk2ph4f
    @user-nd7sk2ph4f Рік тому +1

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

  • @arshad1781
    @arshad1781 Рік тому +2

    Thanks for sharing free knowledge

  • @vintech_webb
    @vintech_webb 11 місяців тому +1

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

  • @luishinojos1829
    @luishinojos1829 11 місяців тому +1

    it was stonish dude, thanks a lot.

  • @stivenmedina2825
    @stivenmedina2825 Рік тому +1

    Very helpful video, thank you so much

  • @dimanaif8345
    @dimanaif8345 Рік тому +1

    Wow this was vey helpful thankkkkk u so much

  • @TheSurajJaiswalll
    @TheSurajJaiswalll Рік тому +1

    That helps me alot bro, thanks bro 🤝🤝

  • @twattusbobble9845
    @twattusbobble9845 Рік тому +2

    Really helpful. Dank je wel!

  • @tphrgrcinri
    @tphrgrcinri 5 місяців тому +1

    Brill! Thank you

  • @linusfahlander2449
    @linusfahlander2449 5 місяців тому +1

    Amazing video helpt alot :D

  • @manhtuong1760
    @manhtuong1760 2 місяці тому

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

  • @itzyadu
    @itzyadu 4 місяці тому +1

    U saved my day 😊

  • @ichsandickifareza7980
    @ichsandickifareza7980 3 місяці тому +1

    Thanks sir

  • @RifatBilgi
    @RifatBilgi Рік тому +1

    Bootstaro 5, Can you make admin panel ?

  • @Leon-gu4nh
    @Leon-gu4nh Рік тому

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

  • @asdasd-xp6pj
    @asdasd-xp6pj Рік тому +1

    can i have copy of the code?

  • @harshs538
    @harshs538 Рік тому +2

    Include link to the code also.

  • @AcousticPeepo
    @AcousticPeepo Рік тому

    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

  • @alphacentauri8035
    @alphacentauri8035 9 місяців тому

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