Flex: Elemente mit gleicher Breite und gleicher Reihenanzahl anordnen ⇐ CSS

[Guest]

Wie kann ich Elemente so anordnen, dass sie je nach Bildschirmbreite in eine gleiche Anzahl von Elementen mit gleicher Breite pro Zeile eingefügt werden?


Wenn der Bildschirm kleiner wird:


Ich kann nicht im Voraus wissen, wie breit jedes Element sein wird, oder eine feste Breite festlegen.
Ich habe mir Flexbox und Grid angesehen und kann es nicht herausfinden. Dies ist mein bester Versuch mit Flexbox:

Code: Select all

.FlexItem {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0px;
}




 11111111111 111111111111
22222222222 222222222222
33333333333 333333333333 3333333333 3333333333

44444444444 444444444444
55555555555 555555555555
66666666666 6666666666666

Und ich bekomme das: