Show multiple products in row

Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment

I have my shop on desk top configured to show 4 products per row.  On mobile I would like 2, or possibly 3, however, it just shows a single product per row.  Any CSS to control # of products per row on mobile?

Thanks!

It looks like you solved with this CSS?

@media screen and (max-width: 700px) {
    div#productList {
        display:grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-column-gap: 20px;
        grid-row-gap: 5px;
    }
}

The page on mobile look long, you can consider adding a back to top button.