change container per row on mobile

hi there,

i recently set up a online shop for a small personal brand with squarespace. as i could not find any solution to my problem on the squarespace answer page/support, i was thinking that maybe someone of you could help me.

the shop url is:

it works well on dekstop computers, but on mobile the products tend to get very small because it still displays 2 rows.

now is there some css-code that forces the webpage to display only 1 row on mobile devices?

thank you very much in advance!

Syndicate content