Learn To Use CSS Subgrid in 8 Minutes

From the creator

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

Published 2020-03-20 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.