I’m looking to create a ‘feed’ grid where I embed different social media updates.
But since these have different heights, I’m having a hard time figuring out how to make each child wrap straight under each other (and not just wrap under the longest/heightest block).
I also played around with creating a container for each column with posts going down using ‘Direction: Column’, and that worked. But that makes it really difficult when going on smaller screens to show the posts in a chronological order (because it will always show all the posts in the inital column before going to the 2nd and 3rd).
So it’s a flex, column, with wrap AND a height defined, to force children to stack like bricks. You’ve got to adjust the height for the elements to fit in the viewport.