How to make flex child alignment to be equal regardless of the child content length?

Design help General
1

As you can see from the screenshot below, the length of the product name is affecting the size of the product image container. Which I am trying to make all the elements to be equal height. I tried to play around with the flex grow/shrink/auto stuffs but couldn’t achieve what I want.

Appreciate if someone could point out and help me on this!

image
image1203×690 67.8 KB

Here is my site Read-Only: https://preview.webflow.com/preview/novatheme?utm_medium=preview_link&utm_source=designer&utm_content=novatheme&preview=d506b73b65353fe43ef3898a59d254d6&workflow=preview

2

On your ‘Product Box Image’ you could set its flex child sizing to ‘don’t shrink or grow’ and then add width and height to it.