Hallo bugfix,
das liegt am flex-grow der Flexkinder (versteckt in deinem flex:auto). Dadurch passen sich die Kinder in der Breite so an, dass sie die Breite des Containers ausfüllen.
Mit flex-grow:0 (oder flex: 0 1 auto) bleiben sie auf einer Breite. Dafür hast Du dann einen variablen rechten Rand.
Ob Du mit display:grid besser klarkommst, weiß ich nicht. Es gibt zwar Auto-Placement im Grid, aber ob eine variable Anzahl von Zeilen UND Spalten geht, weiß ich nicht.
Rolf
--
sumpsi - posui - obstruxi
sumpsi - posui - obstruxi