Custom css code no longer working on mobile view

Hey guys,I’m using 7.1 I have custom css code for the mobile version of my site to have two columns of products to browse through that I found on here when first starting my site, it has worked fine since this, but randomly stopped working yesterday. 
Now no matter what I do I have just one single column which makes browsing my products difficult and looks terrible.

Squarespace said they are constantly updating their platform so codes may not work or will break sometimes. could anyone help with this and have a code they know works to fix this? 
 

my current code I’m using is attached. Thanks in advance

You can delete all of the code you have for a 2-column grid on mobile, Squarespace has added it as a feature:

5 hours ago, Ziggy said:

You can delete all of the code you have for a 2-column grid on mobile, Squarespace has added it as a feature:

 

thanks ZIggy, but is there any way to make the images of the products larger? for some reason now matter what i do they stay really small

thanks again 

oh, fixed thanks Ziggy!