CMS collection list behaving weird

Design help General
1

Hi Community,

I’m working on my first Webflow website and I used the Business template as a base for it. Everything seems to be going okay except on the blog page the CMS collection lists behaves weird. On the first row it shows two items except on the second row it seems like it doesnt fit… I have tried sizing them all down but it doesnt work. Anyone know the mistake i’m making?

The page is called “Blog”.

I still need to learn a lot so it could be a simple mistake…

Blog Page.PNG
Blog Page.PNG1919×923 98.2 KB

Here is my site Read-Only: https://preview.webflow.com/preview/samirs-amazing-project-37829d?utm_medium=preview_link&utm_source=designer&utm_content=samirs-amazing-project-37829d&preview=5bc4610029f2cbcdf53c724e349cb559&workflow=preview

2

Your site read-only link doesn’t seem to work. Get that fixed and I’m sure someone will be able to help!

3

The link should be working now.

4

For more control, change the display to flex to your Blog List wrap class and allow the children to wrap. This should solve your issue.

There are multiple ways to approach what you want but this might be the most straight forward one.

Screenshot 2022-04-15 at 13.23.29
Screenshot 2022-04-15 at 13.23.29474×728 29.8 KB

5

I did what you said but then it instantly goes to one row only. Even if i increase the minimal width of blog list wrap it starts overflowing the page… Is there a way to get them in rows of 2?

6

Did you by any chance forget to set the ‘Children’ to ‘wrap’ on the Blog List Wrap class?

7

You were right, it has been fixed now! Thank you!