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…
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