Streaming live at 10am (PST)

CMS Collection list has broken gap


Collection layout is broken on the second and fourth row. What would cause this to happen?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


Hello @clevy

Can you share your read-only link?

Piter :webflow_heart:


Hi @PiterDimitrov please find the read-only link below. Thanks!


Great! The collection list on the blog page?


@PiterDimitrov collection list on “follow your food” page. Thanks!


I can recommend using flex box. Here’s a screen record >

Hope this helps

Piter :webflow_heart:


Hey @clevy,

I was about to show the exact same solution as @PiterDimitrov but I will show you a screenshot instead. The best way to use flexbox with CMS items is to make the CMS collection list a parent flexbox, and the CMS items a ‘flexbox child’. This is the proper way to use flexbox, not using a div block individually.



@PiterDimitrov @nwdsha Thank you so much! Your documentation was very clear.