<p class="product-description"> A durable and stylish companion for your weekend trips. Made with full-grain leather that ages beautifully over time. </p>
.product-image img width: 100%; height: 100%; object-fit: cover; /* Prevents image distortion */ transition: transform 0.5s ease; responsive product card html css codepen
: Group the product name, description, and price together. .product-image img width: 100%
.product-card:hover .card-img img transform: scale(1.02); : Group the product name
@media (max-width: 768px) .product-card flex: 1 1 100%; /* Takes full width on mobile */
.product-title font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1.25rem; line-height: 1.35; margin-bottom: 0.5rem; color: #0f1e2e; transition: color 0.2s;