Hello,
I have been reading posts and solutions here for my store but I am unable to fix one last detail!! I fixed the product alignment with a code I found here, but now this happens (ATTACHED PHOTOS):
this is the code i used to solve the photo heights and to get the descriptions in the same line.
.product-card__image-with-placeholder-wrapper {height: 280px;}
.grid-view-item__image-wrapper {max-width: 100% !important;}
.grid-view-item__image-wrapper div {padding-top: 100% !important;}
.grid-view-item__image-wrapper .grid-view-item__image {max-width: 100% !important; max-height: 100% !important; object-fit: contain;}
BUT IF I SET MY BROWSER TO FULL SIZE, THE DESCRIPTION AND SIZES WILL HIDE UNDER THE IMAGES BECAUSE THE IMAGES KIND OF ZOOMS IN.
HELP PLEASE!!


