Looking to step up your CSS games? I’ve got free and premium courses to help you out! https://kevinpowell.co/courses?utm_ca...

I don’t think I’m alone in not using named grid lines very often. They are something I dismissed early on because I figured line numbers were good enough and faster to use, and if I wanted named stuff, I’d simply use grid areas instead.

Plus, having lined names makes for ridiculously long declarations.

Despite that though, I’ve seen the light and in this video I’m going to do my best to convince you that you should be using named grid lines by going through three awesome things that they make possible, each one being cooler than the last… or at least I think so!

Links
✅ The video where I explored the first example in a lot more detail:    • A new approach to container and wrapp...  
✅ A simpler look at grid line names:    • CSS Grid  Using line names  

⌚ Timestamps
00:00 Introduction
01:07 A simple example
02:07 Easily break out of sections with line names
04:07 Double naming lines makes it even better
06:46 You can make overlapping grid areas with line names
14:36 Line names and subgrid

#css



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

Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter

Come hang out with me live every Monday on Twitch!
  / kevinpowellcss  



Help support my channel
‍ Get a course: https://www.kevinpowell.co/courses
Buy a shirt: https://teespring.com/stores/makingt...
Support me on Patreon:   / kevinpowell  



My editor: VS Code https://code.visualstudio.com/



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.

Twitter:   / kevinjpowell  
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevinpowell



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