trial

.product-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; padding: 20px; justify-items: center; /* Centers items in each grid cell */ } .product-item { background-color: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-item:hover { transform: translateY(-10px); /* Adds hover effect */ box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); } .product-item img { max-width: 100%; height: auto; border-radius: 8px; object-fit: cover; } .product-title { margin-top: 12px; font-weight: bold; font-size: 16px; color: #333; }