.product-list {
display: flex;
flex-wrap: wrap;
  gap: 0 2%;
}

.product-list li {
  width: 23.5%;
}

@media (max-width: 480px) {
  .product-list {
    gap: 20px 4%;
    padding: 0 16px;
  }

  .product-list li {
    width: 48%;
  }
}