I am trying to get pictures to center center within my gallery because i gave it a custom height
This is my code:
.woocommerce-product-gallery .flex-viewport {
height: auto !important;
aspect-ratio: 16/9;
min-height: unset !important;
border-radius: 1.2rem;
}
.woocommerce-product-gallery__image img {
height: 100% !important;
width: 100% !important;
}
But i tried it with a coding agent and i cant get it to display properly.
Can someone help me with this to fix it?
page: https://dev.moxiq.nl/template1/product/audi-a3/