Columns on Product Page in Mobile view

Hey, 

i want to change the mobile view of the product page. 

I´m searching for a way to show the products on the product page in two columns. 

Any Ideas how i can do that?

Thanks for any help :D 

Hi,

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;
}
}