Grid template areas

Draws a grid layout with named areas, row by row.

What does grid-template-areas do?

grid-template-areas draws the layout with names, row by row, like a little map of the page.

.page {
  display: grid;
  grid-template-areas:
    "header header"
    "menu   main";
}

Level: Journeyman · More CSS terms at this level

Updated