Strange display results on collection list

Hi there

I’ve created a CMS collection and formatted a list on a 3 clm grid on desktop view, however certain items seem to break this format as you can see from the attached screenshot. I’m just not sure why!

Any help would be greatly appreciated and share link below…


Here is my public share link: https://preview.webflow.com/preview/ivc-rewards?utm_medium=preview_link&utm_source=dashboard&utm_content=ivc-rewards&preview=c97ac565251b007e15e7061a6e74b814&mode=preview

This is because each element has a different height. The height is calculated by the height of the children, such as the title. If the title is on two lines, the parent becomes heigher. Therefore the grid can’t calculate a proper layout.

An easy fix is to give a min-height: 400px to your Collection Items.

Screenshot of the intended solution in your read-only environment

1 Like

You’re a gentleman and a scholar. Thanks very much! :grinning:

1 Like