Moin,

Auf grid-template-areas

steht

body{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "head head"
                       "nav  nav"
                       "main main"
                       "news aside" 
                       "foot foot";
}

@media (min-width: 30em) { 
  body{
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "head head head"
                         "nav  news aside"
                         "main main main" 
                         "foot foot foot";
 }
}
header {
  grid-area: head;	
}

Wo findet sich eine genauere Beschreibung über grid-template-areas? Leider findet sich zu dem Code-Schnipsel kein Inhalt, so dass man das Ergebnis des Browsers sehen könnte.