grid-template-areas

Именованные области для наглядной раскладки грида.

Сигнатураgrid-template-areas: "a a" "b c"

Свойство grid-template-areas задаёт сетку через имена областей. Элементы привязываются к ним через grid-area.

.g {
  display: grid;
  grid-template-areas:
    "header header"
    "side   main";
}