@media screen and (max-width: 767px) {
    
    .product-container {
        grid-template-columns: repeat(auto-fit, 200px);
        grid-auto-flow: row;
    }

    .product-card:nth-child(3n + 1) {
        grid-row-end: span 1;
        grid-column-end: span 2;
    }
    
}