From 4d6eec0ad0f606f4ca749aa3ad93c82de6d5ab49 Mon Sep 17 00:00:00 2001 From: MuraliDharan7 Date: Sat, 8 Jun 2024 23:37:35 +0530 Subject: [PATCH] added all images and hover --- wishlist/index.html | 22 ++++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) diff --git a/wishlist/index.html b/wishlist/index.html index 65c9a3a1..b5a5e845 100644 --- a/wishlist/index.html +++ b/wishlist/index.html @@ -31,7 +31,20 @@ justify-content: center; margin: 1rem; } - +.wishlist-item img { + max-width: 100%; + transition: transform 0.3s ease; + } + + .wishlist-item:hover { + transform: scale(1.05); + background-color: #e0f7fa; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + } + + .wishlist-item:hover img { + transform: scale(1.1); + } .wishlist-item { background-color: white; border: 1px solid #ddd; @@ -44,9 +57,10 @@ } .wishlist-item img { - max-width: 100%; - height: auto; -} + width: 120px; /* Set a fixed width for the images */ + height: 180px; /* Set a fixed height for the images */ + + } .wishlist-item h2 { font-size: 1.2rem;