Hello @mbut,
From what I see, you are trying to create Masonry grid by using flexbox.
For doing this you need:
- give some height to flexbox container
- check option WRAP CHILDREN
- set flex layout direction to COLUMNS
- give the width to flexbox item, depends on how many columns you want to have (45-50% = 2 columns, 30-33% = 3 columns, 22-25% = 4 columns, etc)
Flex items order will be vertical, same as you have on “People page”
This method is not perfect because you have to keep flex container with some fixed height and if user will want to change browser window size, flex item can “jump” out of this container and create next column outside.
You may want to try another method too (CSS columns): Webflow Masonry grid ( #Pinterest), no Custom Code required - Webflow Tips - Forum | Webflow
Same effect, but grid container has height: auto and no matter how browser window will change, it will keep columns as it set.
Regards,
Anna