/* 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
