Zentrieren mit Mindestabstand beim Floaten

[marctrix]

Hej marctrix,

ach so: zentrieren kann man in grid mit justify-items und align-items sowohl horizontal, als auch vertikal.

Einzelne Elemente richtet man mit justify-self und align-self aus.

Damit kann die Krücke 'margin: autoentsorgt werden (mitdisplay: flex` ist dasselbe zugegebenermaßen ebenfalls möglich - der der Rest ist mit Grid einfacher umsetzbar und man hat mehr und genauere Möglichkeiten zum Positionieren auf dem Raster - man kann sogar mehrere Elemente auf demselben Grid-Bereich einander überlagern lassen (so wie mit position) und sich später noch mit dem Positionieren in Zeilen des Rasters beschäftigen, statt nur eindimensional in Spalten).

Anschaulich wird das ganze in den vielen Beispielen von Rachel Andrews. Da gibt es auch ein paar fertige Lösungen — die mir aber nicht gefallen, weil mir da viele zu viele Angaben in Pixeln sind, daher kein Link von mir auf die entsprechende Unterseite - als Beispiele Ding die ok, für den produktiven Einsatz in responsiven Seiten eher nicht. Jedenfalls nicht ohne eigene Anpassungen.

Marc