I see what you mean… The white space underneath the first article card. This is coming from the second image being taller. So in code it’s reading from left to right. This means that the row wraps underneath. It won’t push into the row above it. Now in my personal opinion, that white space is fine. It’s not a bad thing.
The only other way to solve this is to make two columns and do it that way or set the flex div to Vertical (not recommended because you would have to give the flex div a set height which will cause other layout issues).
What you can do to get the cards an even height is add an elipsis to the preview text so every card has the same amount of text. You can do this with the code I have posted below.
Just add the class of
.elip-text to the text description text on the card in Webflow and it will only display however many lines you tell it to in the CSS as show below.
Once you have done this and your cards are looking a lot more even, this will minimize that white space underneath the next card etc.
I really hope this helps you out!