Join the Webstudio community

Updated 2 months ago

Equalizing item heights in a collection box

At a glance

The community member is asking how to make the item heights equal in a collection box. The comments suggest a few solutions, such as setting the same size for the divs, using flexbox to stretch the content, and adjusting the aspect ratio. However, there is no explicitly marked answer in the comments.

Useful resources
Hey Guys,
is there a way to equal the Item heights for a box in a collection? πŸ™‚
I thought there is but can't get my head around it to figure it out correctly.
M
p
c
3 comments
Yes of course. What is your link? It would be easier to understand your problem.

You have to give a same size of your div and after you give the item a 100% witdh and height (and you can change the aspect ratio to)
https://koch-und-rau-ingenieure.wstd.io/das-sind-wir

https://p-9559ec4c-961e-48b8-a4cf-2d7efe5b734c.apps.webstudio.is/?authToken=08c63971-ff07-4acf-b9ee-43f953169540&mode=preview

There is a Team section.
the problem accours ecspecially on the mobile devices with 3 or 2 in a row.

so u mean by setting the size a pixel height?
You can set the div itΒ΄s in to flex. Then align content or justify content to stretch (you have to play around there)
Add a reply
Sign up and join the conversation on Discord