Product images are misaligned in featured collection

Technical Q&A
,
1

I have a featured collection on my homepage, the product images were cut off so I found the code and reduced the height and width from 100% to 80%

Now the images are aligned top left rather than center, I’ve tried changing the code to position them center but nothing is working

Please help

2

remove all the width changes and try setting this instead

under width:80% or width:100% just do

max-width:100vw or max-width:100%;

height:auto;

but itll be a lot easier to help if we can view your store

3

Thanks @UtopiaAgency

I will DM you with the URL