Ausrichtung von Grid -vorerst fertig!

[Matthias Scharwies]

Guten Morgen,

ich hatte lange überlegt und mögliche Beispiele gesammelt.

Mir war wichtig, dass wir nicht jede Eigenschaft mit allen möglichen Werten vorstellen, sondern eben auswählen, wann man welche Eigenschaften verwendet und wann man sie besser weglässt.

So, hier.

Das ist ein proof-of-concept, keine fertige Lösung, und das kann man noch für weitere Parameter ausweiten.

Ich habe jetzt doch eine Lösung mit JavaScript umgesetzt:

• CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items#Funktionsweise

Die folgenden Beispiele zeigen immer nur einen Anwendungsfall - auch die Positionierung der figcaption aus dem Nachbar-Thread hat es in den Artikel geschafft.

CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items#Ausrichtung_von_Grid-Containern

place-content und align-content schieben ja den gesamten Grid-Container. Hier habe ich auf ein Beispiel verzichtet und auf Rolfs Artikel

• CSS/Tutorials/Ausrichtung/Inhalte_zentrieren

verwiesen.

Herzliche Grüße

Matthias Scharwies