css - Image fit to frames (Woocommerce) -

i have problem fitting images while keeping aspect ratio in online catalog. use css, , looks better, of images of products doesn't fit frame. how make images fit without cut in whole in frame?

as voreny said, because images being used cropped. in case if want contain image without cropping use object-fit:contain.

if want make image 100% or cover maintaining image proportion use object-fit:cover. property crop image bit maintain proportion.

try this:

.woocommerce-page .product-holder .product-img{ height: 200px; width: 200px; display: flex; // remove } .woocommerce-page .product-holder .product-img.no-border img{     height: 185px;     object-fit:contain; }