.product-card {
  display: inline-block;
  width: 30%;
  margin: 1%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
  vertical-align: top;
  text-align: center;
}

@media (max-width: 768px) {
  .product-card { width: 48%; }
}

@media (max-width: 480px) {
  .product-card { width: 100%; }
}