Mobile Optimization - Image and Product

Site URL: http://www.newyorksubwaytiles.com

I'm currently in the process of developing an online store and would like to understand how best to optimize the site for mobile. Right now images are cut off and products are very large. Is there anyway to ensure the tile image scales for mobile and products are two per line as opposed to one?

Does this require specific code? Or is there a way to do this through the settings?

Any help would be much appreciated.

Website - www.newyorksubwaytiles.com 

Pass - newyork

have you solved this yet?

You want 2 products/row on mobile? https://newyorksubwaytiles.com/

If yes, add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.list-grid {
    grid-template-columns: auto auto;
    display: grid;
}
}