Collection list item fill height

Design help Layout & Design
1

Hi all! I’m trying to create a 2xN grid of items using Collection list. However, some of the items have larger pictures / text. I would like to fix the smaller ones to fill to the size of the larger ones. Any idea how to fill the height of the Collection list item to the space around it?

I tried setting everything to flex, and setting it to fill the space, but it didn’t resolve the issue.

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

2

Hi @Paul_Farcasanu , Welcome to the forum :slight_smile:

The collection list item should have a display:flex property, like so:

image
image238×508 57.5 KB

And the child elements (items) should have no height and no flex child properties:
image

1 Like