Element im GRID-Container ausrichten

[Matthias Scharwies]

Servus!

Ich habe ein GRID Gerüst mit 3 Zeilen und 3 Reihen erstellt. Also 9 Container.

Eigentlich bezeichnet man das Gerüst als Container, die einzelnen Rasterfelder als Elemente / Rasterelemente als Felder.

Im Container 2 soll der Text unten ausgerichtet sein. Im CSS-Teil konnte ich Schrift mit "text-align: center" schon mal mittig ausrichten.

Jetzt wollte ich eben noch den Text innerhalb diesen Containers den Text nach unten ausrichten.

Ja die Frage ist jetzt, wie bekomme ich das hin?

CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items

Etwas weiter unten auf der Seite ist der Absatz "align-items". Ich dachte, dass wäre die Lösung. Aber das funktioniert nicht.

align-items richtet alle Felder eines Grid aus

align-selfrichtet nun einzelne Rasterelemente vertikal am Raster aus. Dabei wird der durch align-items gesetzte Wert überschrieben.

align-self

Herzliche Grüße

Matthias Scharwies