Servus!
Hallo Matthias,
in Wiki habe ich nun in einem Beispiel gelesen:
grid-row: 3 / bottom;
Das ist dieses Bsp. mit benannten Linien:
CSS/Tutorials/Grid/benannte_Linien_und_Rasterbereiche#Rasterlinien_mit_mehreren_Namen
Das ist das CSS:
body {
display: grid;
grid-template-columns: [outer-start] 1fr [center-start] 2fr [center-end] 1fr [outer-end];
grid-template-rows: [top] 1fr 1fr 1fr [bottom];
}
article {
grid-column: center-start / center-end;
grid-row: top / bottom;
}
footer {
grid-column: center-end / outer-end;
grid-row: 3 / bottom;
}
In den eckigen Klammern wird der Name bottom
definiert und dann aufgerufen.
Bei der Beschreibung von grid-row finde ich allerdings die Möglichkeit "bottom" nicht.
Bei grid-row steht als möglicher Wert:
- <custom-ident>: ein Name, dessen Positionierung von grid-template-areas näher bestimmt wird.
Herzliche Grüße
Matthias Scharwies
--
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“