complete the look mobile bottom margin

This commit is contained in:
nomadics9 2025-04-01 00:10:49 +03:00
parent 0d6e762416
commit b73638da40

View file

@ -88,7 +88,7 @@ p.price {
.woocommerce ul.products li.product img {
display: flex;
width: 100%;
height: 100%; /* Allow the image to scale proportionally */
height: auto; /* Allow the image to scale proportionally */
max-height: 450px; /* Set a max height for the image (adjust as needed) */
max-width: none;
@ -157,7 +157,7 @@ a.ast-loop-product__link h2 {
flex: 0 0 50%; /* Each item takes up 50% of the row */
max-width: 50%; /* Each item takes up 50% of the row */
height: 300px; /* Fixed height for mobile */
margin-bottom: 20px; /* Add spacing between rows (optional) */
margin-bottom: 10px; /* Add spacing between rows (optional) */
}
.woocommerce ul.products, .woocommerce-page ul.products {
column-gap: 20px !important;