Want to display products in two columns on mobile site

Please show me how to use custom code to display products in two columns on mobile site. Thank you!

Add to Design > Custom CSS

/* Product 2 columns mobile */
@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;
}
}

If it doesn't work, please share link to shop page on your site, we can check easier