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