Responsive Dashboard Layouts with CSS Grid

[@vinnymurphy5994]

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]

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]

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

[@shekhariyer327]

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

[@paulvincentsumalinog3083]

hello sir, how's the course?

[@igboanugwocollins4452]

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

[@ByteGrad]

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

[@cvt-charlest]

New coupon pls😉

[@tasliner2003]

This is actually what I need

[@jlchiva100]

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

[@macambrona]

Amazing video, thanks so much!

[@AgeGutsChannel]

U have a great way to explain. Very usefull

[@CuriousPanda_]

Short and crisp! Thank you :)

[@OfficialAdedoyin]

Really helpful

[@tphrgrcinri]

Brill! Thank you

[@جعفرمنطقیبیگ]

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

[@ByteGrad]

Glad it was helpful!

[@itzyadu]

U saved my day 😊

[@luishinojos1829]

it was stonish dude, thanks a lot.

[@rmstech9933]

Thank you

[@arshad1781]

Thanks for sharing free knowledge

[@linusfahlander2449]

Amazing video helpt alot :D

[@TheSurajJaiswalll]

That helps me alot bro, thanks bro 🤝🤝

[@linusjokela7421]

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.

[@twattusbobble9845]

Really helpful. Dank je wel!

[@dimanaif8345]

Wow this was vey helpful thankkkkk u so much

[@vintech_webb]

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

[@stivenmedina2825]

Very helpful video, thank you so much

[@tarikkapetanovic9715]

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

[@clairesingson3331]

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

[@ichsandickifareza7980]

Thanks sir

[@RifatBilgi]

Bootstaro 5, Can you make admin panel ?

[@APDronePhotos]

Does it work with Angular and different components?

[@manhtuong1760]

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

[@Leon-gu4nh]

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

[@international_math]

👍👍👍👍👍👍👍💫

[@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]

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

[@asdasd-xp6pj]

can i have copy of the code?

[@harshs538]

Include link to the code also.

[@Ad9911io]

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