Dynamic items display issue

Design help General
1

Hello

In Chrome and Firefox my list of dynamic items are not displaying properly as item 4 is not clearing.

http://ezycoaccounts.webflow.io/contractor-guides

Is anyone else seeing this with dynamic items when you display all items in a list?

Tried overflow:hidden and different floats but no success. Surely I do not need to hack it with custom code anyway.

It must be something I have done but already spent too long trying to figure it out.

Any help much appreciated :slight_smile:

Here is my site Read-Only:

https://preview.webflow.com/preview/ezycoaccounts?preview=3d4afa25dc6f645e180056ab42e7caa2

2

Hi @StuyGoy27

I’ve just moved this across from bugs as it’s a design issue.

The easiest way to solve this is to add a Flexbox setting to your Collection List like this:

https://cl.ly/3E2Z2c333o1e

Then give your collection item 2 box a width of 33.3%.

This should solve your issue. If not, please post back here and I’ll take a closer look.

3

Hey @magicmark that’s awesome man, it works great across browsers now.

Should have thought of that.

Thanks