[css-flexbox] flex-wrap: balance;

[bramus]

With text-wrap: balance; becoming available, we’ve had a few requests from authors to have something like flex-wrap: balance;

See this demo right here, which is currently impossible to replicate if it were a flex layout:

ssstwitter.com_1689716135029.mp4

[Afif13]

I can imagine the behavior when dealing with fixed and equal size elements but what about different width elements with a complex flex-grow/flex-basis/flex-shrink configuration?

Will the logic be based on the number of elements (let's try to have the same number on each row) or based on their width (let's try to have the sum of width almost equal on each row)

[johannesodland]

There’s already an issue on flex-wrap: balance: #3070

Could this be a duplicate?

[bramus]

Duplicate indeed. Closing.