2 column Mobile view for online shop items

Site URL: https://yasutokimura.com/store

Site URL: https://yasutokimura.com/store

PASS:6222

I would like the "mobile view' to show two columns for online store items. Right now the items are stacked in one column. Any suggestions on how to achieve this please?

22 minutes ago, yasuu said:

Site URL: https://yasutokimura.com/store

Site URL: https://yasutokimura.com/store

PASS:6222

I would like the "mobile view' to show two columns for online store items. Right now the items are stacked in one column. Any suggestions on how to achieve this please?

Add this to Design->Custom CSS

@media screen and (max-width: 768px) {
    .products.collection-content-wrapper .list-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-column-gap: 1.5vw;
        padding: 0;
    }
}

Thank you so much.