rs81

HI

i want to have two rows of product on my site too, when viewing on a mobile.

i tried these two, but there need to be some space between the products, there now close to eachother.

@media screen and (max-width: 750px){
.woocommerce .products .product {
max-width: 50% !important;
}}

and this one i tried

@media screen and (max-width: 750px){
.woocommerce .products .product {
max-width: 50% !important;
clear: none;
}
.woocommerce ul.products li.product .title {
min-height: 60px;
}
.woocommerce ul.products li.product .inner {
min-height: 40px;
}
.woocommerce ul.products li.product .btn-wrap {
min-height: 55px;
}}

can you please fix the layaout, so the product have some space next to eachother and the product are more left and right.

my site https://surtoys.com/