I’ve looked around into topics of this similar problem, but I couldn’t get any solutions to work. I’m having trouble on my “AVBotz Home” page for my club. Under the Latest News section, there is a flexbox div containing other “collection item” divs that have varying heights (b/c diff. img heights). The issue here is that the other “coll. items” below the three in the first row take the height of the tallest div as the next line (if none of that makes sense I have images to help below). I’ve tried working with Children wrapping but I haven’t found anything that works. If there is a way to have the divs below the first row fill the negative space below it in the same column?
I’d like my layout to look like this
As of right now it looks like this (the red is the space I’d like to get rid of)
Preview Link: Removed by OP
Please Reference the “AVBotz Home” Page
Thank you all and Happy Holdiays!