diff --git a/public/Amazon_Clone/style.css b/public/Amazon_Clone/style.css index fe1cece7..c1d4c2b5 100644 --- a/public/Amazon_Clone/style.css +++ b/public/Amazon_Clone/style.css @@ -49,7 +49,6 @@ nav { align-items: center; } - .nav-center { height: 40px; display: flex; @@ -185,7 +184,6 @@ nav { background-color: #222f3d; color: white; justify-content: start; - } .nav-options * { @@ -319,6 +317,12 @@ main { padding: 1rem; cursor: pointer; overflow: hidden; + transition: transform 0.3s, box-shadow 0.3s; +} + +.item-card:hover { + transform: scale(1.05); + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .item-card img { @@ -421,7 +425,6 @@ main { text-decoration: none; color: white; margin-left: 1rem; - } /* Small Devices */ @@ -476,7 +479,6 @@ main { height: 4vw; } - .item-card { height: 25vw; flex: 1 0 20vw;