How to fix WooCommerce layout on a mobile device?

Question

Layout

Good evening!
The site https://prosharikballoons.ru, CMS Wordpress, i-Craft theme, displayed categories of goods on the main page, it is normal on the desktop, but on a mobile or tablet the text under the categories is displayed crookedly.

Advise in which direction to dig?

Answer 1

If you really hotfix it, then like this:

@media screen and (max-width:480px){
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 42.5%;
    }
}

And so spend money on revision :)

Answer 2

Learn CSS & WordPress/WooCommerce. Spend money on fine-tuning the topic to mind.
Or use the Storefront theme.