Woocommerce Blocks not formatting on Mobile

Hello,

I am using the woocommerce blocks to display certain products (best sellers etc).

It works fine on desktop and when I use chrome developer mode to view it – however on actual mobile browers it appears like this https://snipboard.io/hi2oOf.jpg

I cant get the products to go across onto the right hand side – they always drop the last one or two products to the next line even though there is enough space.

I have checked the CSS – redownloaded it and tried using the shortcodes etc.

it appears like this across my site when I use the out of the box woocommerce product blocks.

Any help would be amazing as I am at the end of my wits with it!

Best!

The page I need help with: [log in to see the link]