In this episode we look at a powerful CSS Grid feature; named areas! Named areas let you have specific control over where items in your grid layout are placed, letting you take the same semantic HTML content and providing multiple, pure css, ways of laying out the content. As always, you can view the code here:
<a href="https://codepen.io/walpolea/pen/wvwQEPL?editors=1100">https://codepen.io/walpolea/pen/wvwQEPL?editors=1100</a>

In this episode we look at a powerful CSS Grid feature; named areas! Named areas let you have specific control over where items in your grid layout are placed, letting you take the same semantic HTML content and providing multiple, pure css, ways of laying out the content. As always, you can view the code here: https://codepen.io/walpolea/pen/wvwQEPL?editors=1100

In this episode we look at a powerful CSS Grid feature; named areas! Named areas let you have specific control over where items in your grid layout are placed, letting you take the same semantic HTML content and providing multiple, pure css, ways of laying out the content. As always, you can view the code here:
<a href="https://codepen.io/walpolea/pen/wvwQEPL?editors=1100" rel="noopener noreferrer">https://codepen.io/walpolea/pen/wvwQEPL?editors=1100</a>

CSS Grid Named Area Layouts

A podcast centered around web development technologies, like HTML, CSS and JavaScript, that takes a few lines of functional code and deep-dives into what’s going on.

Share CSS Grid Named Area Layouts

Sign up to save your podcasts

CSS Grid Named Area Layouts

CSS Grid Named Area Layouts