Product Images not aligned when added to collection list

Community resources General
1

Hi, i couldn’t get the pictures to align when using collection list and product images.
Was wondering what i did wrong.

https://preview.webflow.com/preview/blank-project-test-6205db?utm_medium=preview_link&utm_source=designer&utm_content=blank-project-test-6205db&preview=5129ab1fd799b111f0242b4d3d6f4333&mode=preview

Screenshot 2021-03-08 195310
Screenshot 2021-03-08 1953101918×1008 271 KB

2

Hey there,

Ive noticed that your product images have different sizes.
Ive also noticed that you have a value of “355” in the width attribute of the CMS image, but the height attribute is set to “auto”. Try setting a manual value to the height attribute as well.

Sometimes it may cause issues when images have different sizes and one of the proprieties (height or width) is set to auto.

Cheers.

3

thanks for your input, i will try it out to see if it works :slight_smile: