How to make product pages show products in rows of 2

Site URL: http://solceanco.com

Can anyone help me with making my product pages show products in rows of 2 or 3 in mobile format instead of stacked by one?

Add to Home > design > Custom CSS

@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: 10px;
}
}

5 hours ago, tuanphan said:

Add to Home > design > Custom CSS

@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: 10px;
}
}

 

That worked perfect, thank you so much!!