/* 2 products per row on mobile – product list pages */ @media screen and (max-width: 640px) { /* turn the product list into a 2-column grid */ .product-list-container.product-list-layout-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 12px; grid-row-gap: 20px; } /* make sure individual items don’t force full-width */ .product-list-item { width: 100% !important; margin: 0 !important; } } Back to Top