How can I properly resize images in Featured Products?

[collins276]

Hi,

The first image’s height is shorter than others so I would like to fit it into the container by cropping (not deforming the image).

My url: https://189ee3-2.myshopify.com/

Thank you guys!

[Dan-From-Ryviu]

You already solved yourself. Congratulations!

[collins276]

Thank you

But now I have a new problem. Please help.

In Product page https://189ee3-2.myshopify.com/products/jacket

How can I set a specific dimension for all Product pictures Height 475px and Width 355px but in percentage (so it would be responsive).

[BSS-Commerce]

Insert this CSS snippet into your CSS file:

.card__inner.color-background-2.gradient.ratio {
    height: 540px;
}

You can manually adjust the height to your liking
Here’s the result:

Hope it helps @collins276 !