How to edit the shop page on mobile for more than one product on a line?

Hello,
At the moment, when looking on mobile, my shop page showcases one product on one line.
Is it possible to change this for 2 products like the picture attached?
Many thanks

Jacky

Can you share your website URL and you shop page?

Add this to Custom CSS:

@media screen and (max-width: 767px) {
  .products.collection-content-wrapper .list-grid {
    grid-template-columns: 1fr 1fr;
  }
}

Thank you - it doesn't seem to work this time...

Try this:

@media only screen and (max-width: 767px) {
  .products.collection-content-wrapper .list-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

Amazing! It's working very nicely, thank you.
And... do you know if there is a way to make the 'categories' menu not on one line but as a column like on desktop? 

Thank you
Jacky

WAHOU ! This is excellent, thank you very much !