Episode Synopsis "CSS Grid Named Area Layouts"

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

Listen "CSS Grid Named Area Layouts"

More episodes of the podcast Code Snippet

• Using Bitmasks for Efficient App Configurations
• Easier Layouts with CSS box-sizing
• CSS Grid Named Area Layouts
• Destructured Function Parameters
• Using Spread with Objects and Arrays
• Using URLSearchParams Web API to Preserve Page State
• Random Whole Numbers With Bitwise Not
• 3 Ways to do CSS Vertical Centering
• Array of Unique Values with JS Set
• Indexing Data in Javascript