CSS Grid Areas.....
When I first learned CSS Grid, I used column numbers everywhere. Then I discovered Grid Areas—a much cleaner way to create page layouts. What is grid-template-areas? It lets you name each section of your layout instead of remembering column and row numbers. .container { display: grid; grid-template-areas: "header header" "sidebar main" "footer footer"; } Assign a name to each element .header {…
We haven't written up this one. Dev.to has the full story — the link below goes straight to it.
