The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS FLEX WRAP (making it Work) Reply To: FLEX WRAP (making it Work)


Essentially, NO…flex-wrap won’t help…the content is already wrapping by itself.

You’re not actually using rows as such, just one div which wraps into “rows” becuas each item is basically 1/3 wide.

If you want spacing between each “row” you can add bottom margin to your ..w3-row-padding class.

This, however, will not make all your internal .w3-card-4 divs the same height.

However, if you add display:flex and flex-wrap:wrap to your .w3-row-padding class and THEN add height:100% to.w3-card-4` it starts to look a lot better.

Image link