I am trying to get the grid working on our blog, but for some reason, it is not sorting the posts properly. The grid is becoming uneven, as you can see in the attached image. Does anyone have an idea of what’s going on here?
Long story short, “layout” is not the way to go.
I’d avoid using this feature as it requires that the contained elements be exactly the same height, or you end up with the flow disruptions in your screenshot.
Instead, change that layout to the rightmost one, and then give your Collection List element ( middle one of the 3 in the element hierarchy ) a Grid layout. Create 4 columns and your Collection List Items will flow naturally, with no gaps.