2 product per row in mobile storefrount theme

You can read this link :
https://www.ads-software.com/support/topic/2-columns-on-mobile/

You can put that code (from James Koster) to your style.css file, however better to put on your child theme. It works on mobile!

this code is not working sir

i tried this in style.css Not working
see this link https://prnt.sc/ghdp5p

Hi,
I have seen your link above, you have to add a word @media at the beginning of the first line and also clear your mobiles browser cache afterwards, hope it works.

Here is the code from James Koster:

@media (max-width: 768px) {
ul.products li.product {
width: 48%;
float: left;
clear: both;
}

ul.products li.product:nth-child(2n) {
clear: none;
float: right;
}
}

See This I ADD THIS BUT CHECK PAYBYDADDY.COM ITS NOT WORKING STILL :(((
https://prnt.sc/ghnrka

Anybody figure out a solution for this problem? I urgently need to figure this out and any help would be appreciated.