Two columns in each row of products page-Only on mobile version

Site URL: https://www.lachak.ca

@tuanphan I tried theses codes (i.e., those you recommended people using) to make to columns of products in each row of my products page; however, it did not change anything. Do I need to customize the codes based on my website elements or just copy and paste those codes?!

Add to Home > Design > Custom CSS

/* shop mobile 2 columns */
@media screen and (max-width:767px) {
.list-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 5px;
}
}

Thank you @tuanphan. It worked 😊