Learn To Use CSS Subgrid in 8 Minutes
Channel: Kevin Powell
Date: 2020-03-20

In my video series where I made this ski site, I ran into some issues when using CSS Grid. Despite using the same grid-template-columns in two places, the grid ended up behaving differently because the content was different.

Subgrid is the answer to this type of issue, and it works wonderfully well. Sadly it's not supported outside of Firefox yet, but I wanted to test it out and see if it would work in this situation, and it sure does!

Designing and coding up this site: https://www.youtube.com/playlist?list=PL4-IK0AVhVjMhAG4yPjRQTGjf0MnweuOc

More information on subgrid: 
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid
- https://hacks.mozilla.org/2019/06/css-grid-level-2-subgrid-is-coming-to-firefox/

---


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


---


Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell


---


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


How my browser refreshes when I save: https://youtu.be/h24noHYsuGc


---


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.


Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell


---


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