Someone else struggling with equal height columns

Design help General
1

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

2

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

https://dl.dropboxusercontent.com/s%2Fng1bt2l1bu38g7e%2Fyqu3v.mp4

1 Like
3

Thank you Vincent. Greatly appreciated.

4

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.