@media (max-width: 480px) { .product-card { flex-direction: column; } .product-image { width: 100%; height: 200px; } .product-info { text-align: center; } }
.product-info h2 { font-size: 18px; margin-bottom: 10px; } responsive product card html css codepen
.product-image { width: 100%; height: 200px; margin-bottom: 20px; } @media (max-width: 480px) {
.product-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0; } } .product-image { width: 100%