Get started with grid WITHOUT being overwhelmed

It can be easy to be overwhelmed by CSS grid, so in this video I look at the *very* basics to get you started without worrying about too much at once.

🔗 Links

⌚ Timestamps
00:00 - Introduction
01:02 - the relationship between the parent and children
03:51 - grid-template-column basics
04:35 - the fr unit
06:20 - comparison to flexbox
07:19 - the repeat() function
07:37 - responsiveness

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[apporvaarya]

ur channel is my go-to resource to refresh and add to my CSS understanding... thanks Kevin

[RemainderMan]

Hey Kevin!
I just wanted to say thank you, CSS always kinda intimidated me but you've made it so easy to comprehend for me, immensely thankful

[_loss_]

I really needed this. All your videos are so great because of how good you are at explaining things.

[jeisondiasf]

Your videos are amazing! I'm enjoying all of them. Thanks for sharing your knowledge with us.

[omotehinseelvis]

You've literally fast tracked my CSS learning journey since I found your contents, thank you.

[alwinter]

Thanks for boiling down CSS grid. I sometimes tend to overthink when using it. I'll be keeping this video in mind moving forward!

[Allformyequine]

So awesome as usual!! Just perfectly explained!

[ncookiez]

I literally just had to design a grid, and being more familiar with flex I tried to use it. Had a lot of problems with that. This solves my problem perfectly, with 2 lines of code. You're magical!

[developer_hadi]

BEST GRID TUTORIAL ON YOUTUBE, THANK YOU SO MUCH❤️

[tyronefrielinghaus]

Super Kevin... you're an awesome explainer...and I like how you concentrate on the essentials. I'm new to grid...and this was super helpful to get me started. Thanks!👍

Oh...and you don't dumb it down either...you actually give insight on what's really happening. My kind of learning!

[daleryanaldover]

Whenever I need reference videos for teaching interns, I always refer to you videos. All the things you teach here is always relevant!

[joyvideos]

You r digging something up in css everyday & bring us css golds. Thanks a lot Kevin

[omniosi]

Excellently explained as always! Nothing else I read made this much sense.

[iamtharunraj]

Your explanations are so good to hear! ❤

[CraveThatCoin]

Fantastic tutorial. I've been working with HTML/CSS for over 10 years now (even the old floats/clear). The one thing I have avoided to this point is grid. This gives me confidence to dive in.

[brujala]

I am so glad i watched this video, i love this channel!

[fullmoon]

I've recently found you and I'm so glad because I can understand html/css much better due to your excellent explanation. You are a real gem. 🙂🙏🏻 Thank YOU so much!

[ethanjames]

Thank you so much Kevin, you helped me understand this even more than I did before kudos.

[mikaelayumang]

thank you sir! your explanation makes css grid easy to understand

[giulia]

Thanks, you taught me everything I needed, I'll follow your advice to learn grid in the best way🙏