CSS Grid Layout Crash Course

Thank you very much!
Understood a lot of basics I have missed on the way, which now scares me of entire frontend development thing

This is such an amazing explanation of grid. I am on my third tutorial now and this is the best so far.

Mr. Traversy You're Greatest of all time.

Been away from the "scene" for more than 10 years and was fluent with floats etc.
But now, obviously; I am way behind, seeing this is 6 years ago.
I grasped Flexbox pretty fast but am struggling with grids a bit.
Thank you for this video! Great stuff!

Helpful tutorial thank you

I thought CSS deserves its own folder

very good sir you have clear concept about css grid , thank you so much

Great tutorial, but really wanted to download the code and your link produced Error 404. Can you please provide an alternate link from which we can download the code?

One of the best explanation I ever heard. Thank you so much for your time and dedication! Outstanding work! Keep up

Perfect explanation👍

You are awesome bro .

perfect explanation

thank you so much for this video! and thank you for showing every bit while recording, this really helps! Best grid tutorial for sure! :)

thanks a lot. that was very helpful . from 2023

I can't count the number of times I've seen this. Helped me a lot (understatement of the year).

Dang this is so liberating!
Thanks so much!
CSS was such an unpredictable little annoyance for me, largely when it comes to positioning things.
This is so helpful, specially when I am coming from mobile app world where UI design is very straightforward

THANK U SM

Great explanation !Can you put images in any of the divs of the grid as easy as you do text?

Thank you. I now fully understand css grids.

Thank u so much for the tutorial! It helped so much!!

So how do you apply aquel loop to this so that post can be pulled in

Thank you very much, bro ))

chat gpt brought me here

Great tutorial, thank you! I'm playing with ReactJS and CSS grids, and haven't had that much programming fun for 20 years.

Great teaching style….

MISSION PASSED!
RESPECT+

Nice vijeo...

How to make 4th box center?

<div class="grid">

<div class="text">
<h2>Murali</h2>
</div>
<div class="text">
<h2>Murali</h2>
</div>
<div class="text">
<h2>Murali</h2>
</div>
</div>

body{
background-color: orange;
margin: 0;
}
.grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
place-items: center;
justify-content: center;
width: 100%;
}
.text{
background: green;
padding: 10px;
text-align: center;
}

Thanks for the content amazing!! really learn from it blessings

Excellent video! Thank you!

Great 👍 thanks

why the fuck are you using style please use css im trying to copy code here

Nice Tuts :) 😊

I found exactly what i was looking for. It might be the most useful time spending in my life. :D Really thanks a lot :D

Good crash course, Brad. I've been using your crashes course because I'm getting into web dev coming from a help desk background. I have a solid understanding of programming but the HTML and CSS stuff has been tricky, but your course have made it much easier.

This is awesome, thank you! Loved seeing the real-time updates as you made changes!

You know what,you actually made it look really friendly and easy to use,nice one man and thanks

I don't often use this word regarding YT videos, but now I have to - the tutorial is PERFECT!!! Thank You!

Thanks so much for the superb course. This is a stepping stone for me in learning CSS. You really made my day today. God bless you bro.

Thumbs up from me. I came here because my online course was kind of difficult to understand but you showing how to do it in real time really helps.

Thanks for sharing, I think the 11th line should be written like; grid: auto rows 100px; then no need min max.

very helpful thank you

thanks, the video is good

thanks for the video anyways

just reminded me of fifty shades of grey :))))))