Gunnar Bittersmann: css: grid mit autofill erscheint linksbündig - kann man auch zentrieren?

Beitrag lesen

@@Torsten

Hallo Rolf, vielen Dank für Deine Antwort. Allerdings bin ich mit grid-template-columns: repeat(auto-fill, minmax(21em, 1fr)); nicht zum gewünschten Ergebnis gekommen, dafür aber damit: grid-template-columns: repeat(auto-fit, minmax(21em, 1fr)); justify-content: center;

Nein, das ist nicht das gewünschte Ergebnis. Jedenfalls nicht für mich, wenn ich deine Seite auf meinem Gerät aufrufe. Mein Viewport ist schmaler als 21em; demzufolge passen die Gridzellen nicht hinein; es muss horizontal gescrollt werden.

Die Breite muss auf 100% begrenzt werden:
repeat(auto-fit, minmax(min(21em, 100%), 1fr))

Ich habe den Fehler im Wiki schon vor einem Jahr angemerkt; er wurde nicht verbessert. 😔

Kwakoni Yiquan

--
Ad astra per aspera