Moin,
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.