HTML und CSS · Middle · Frage 7 von 75
Wie legt man in Grid mit benannten Bereichen das Layout „Header oben, Seitenleiste und Inhalt in der Mitte, Footer unten“ fest?
- 1Mit benannten
grid-template-columnsundgrid-column: namean den Kindern - 2Mit
grid-area-names: header sidebar main footeram Container - 3Mit
grid-template-areasam Container undgrid-areaan den Kindern
Antwort zeigen
Richtige Antwort: Mit grid-template-areas am Container und grid-area an den Kindern
Erklärung
grid-template-areas beschreibt das Layout als String-„Bilder“: "header header" "sidebar main" "footer footer", und Items verbinden sich über grid-area: header. Ein Punkt . markiert eine leere Zelle. Ideal für responsives Design: Eine Media Query ändert nur die Vorlage. Eine Eigenschaft grid-area-names gibt es nicht.