Learn To Use CSS Subgrid in 8 Minutes

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:    • Figma to Code  

More information on subgrid:
https://developer.mozilla.org/en-US/d...
https://hacks.mozilla.org/2019/06/css...

---


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-t...
Support me on Patreon:   / kevinpowell  


---


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


How my browser refreshes when I save:    • How to automatically refresh your browser ...  


---


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:   / kevinpowell.co  
Twitter:   / 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!