Modify Woocommerce products by columns on mobile

Hello,
I need to modify the products inserted in a WordPress page using shortcodes to be able to view more than one product (2 products) in the same row.
Shortcodes WordPress page
I have added additional CSS code but I can’t get it right.
Addicional CSS code
This is the code I have tried:

@media only screen and (max-width: 768px) {
 .products {
     width: 50%;
 }
}

Thanks.

• This topic was modified 4 years, 10 months ago by ebregrow.

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