outspkn

Ok I think I’ve actually solved it myself already with the following CSS

@media (max-width: 767px) {
    .woocommerce ul.products {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        width: 100%;
    }

    .woocommerce ul.products li.product {
        width: 100%;
        margin: 0;
    }
}

However, I wont mark as resolved yet in case there is a “better” way of implementing what I’m after.