feat(portfolio): add hover effect to card

nathan-abela · Mar 18, 2024 · 31810b2 · 31810b2
1 parent 49025ea
commit 31810b2
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/atoms/PortfolioCard/styles.ts b/src/components/atoms/PortfolioCard/styles.ts
@@ -9,10 +9,18 @@ const StyledPortfolioCard = styled.article`
 		text-decoration: none;
 	}
 
-	img {
+	span {
 		border-radius: 4px;
 	}
 
+	img {
+		transition: transform 0.3s ease;
+	}
+
+	img:hover {
+		transform: scale(1.04);
+	}
+
 	h1 {
 		margin: 0;
 	}