2 Produkte pro Reihe auf mobile

.woocommerce-container #content ul.products {
  display: flex;
  flex-wrap: wrap;
}
/* Für 3 Produkte in einer Reihe - großes Display */
.woocommerce-container #content ul.products li {
  float: none;
  width: 32%;
}
/* Für 2 Produkte in einer Reihe - mitteres Display */
@media screen and (max-width: 800px) {
  .woocommerce-container #content ul.products li {
     width: 50%;
   }
}
/* Für 1 Produkt in einer Reihe - kleines Display */
@media screen and (max-width: 400px) {
  .woocommerce-container #content ul.products li {
     width: 100%;
   }
}