Container-Alignment Playground

Klick dich durch alle Werte von justify-items, align-items, justify-content und align-content und sieh live, wie sich Grid-Items und das Grid selbst verschieben.

---

justify-items & align-items

Richtet alle Grid-Items innerhalb ihrer Grid-Zellen aus.

justify-items: stretch;
align-items: stretch;

---

justify-content & align-content

Richtet das gesamte Grid innerhalb des Containers aus.

justify-content: start;
align-content: start;