letzte Reihe im Flexbox konstrukt ändern

[Rolf B]

Hallo Martin,

das kann eigentlich nicht sein. Bist Du sicher, dass Du beidesmal die gleiche Version der Seite mit letztem Stand (ohne Cache-Relikte) gesehen hast?

Ein display:flex mit flex-flow: row wrap und justify-content:center sollte die letzte Zeile zentrieren. Da würde es mich sehr wundern, wenn sie linksbündig ist.

Was Torsten offenbar noch nicht probiert ist, ist justify-content:center mit Grid. Das hatte Gunnar in seinem Codepen auch nicht drin (weil er volle Breite und flexible Elemente hatte). Jedenfalls danke@gunnar für auto-fill.

Das hier funktioniert bei mir so wie gewünscht, mit statischer Bildbreite:

  display: grid;
  grid-template-columns: repeat(auto-fill, 5em);
  justify-content: center;

Edit: Das hier auch, man muss die Breite der grid-children auf 100% setzen, dann passen sie sich an die Breite an. Die letzte Zeile bleibt linksbündig. Einen Abstand zum Fensterrand bekommt man mit einem Margin am Grid-Container.

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5em, 1fr));
  justify-content: center;

Das Grid hat die volle Bildschirmbreite, aber die Tracks sind zentriert und da die Bilder in den Tracks liegen, ist die letzte Reihe linksbündig.

Rolf