Streaming live at 10am (PST)

Someone else struggling with equal height columns

I’m trying to get the team members collection list to display evenly with three columns of equal height but I can’t get it to work. If I follow the advice from other similar threads and set the Collection List to flex then I lose my three column layout. Please help.


Here is my site Read-Only:

https://preview.webflow.com/preview/business-website-tutorial-d8276d?utm_medium=preview_link&utm_source=dashboard&utm_content=business-website-tutorial-d8276d&preview=17064f06c61081a517ecee1a37315d7b&mode=preview

Flexbox the list, wrap, then Flexbox the item too, by default it’s set for content to take up the full height.

1 Like

Thank you Vincent. Greatly appreciated.

I’m very happy this is working but it would be nice if I understood why. In my earlier attempts I set the list to flex and wrap, then on the item I set the flex child align property to stretch and thought this would work ( it didn’t ). I’m still a little confused why it has to be set as a flex parent? If anyone can offer an explanation it’d be much appreciated.