From a674d99204ecd6c07d4efc127017f940d736864b Mon Sep 17 00:00:00 2001
From: Nathan Abela <nathanabela7@gmail.com>
Date: Sun, 24 Mar 2024 12:45:20 +0100
Subject: [PATCH] refactor(portfolio): hover effect on card instead of image

---
 src/components/atoms/PortfolioCard/styles.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/atoms/PortfolioCard/styles.ts b/src/components/atoms/PortfolioCard/styles.ts
index 632a572..ba22d80 100644
--- a/src/components/atoms/PortfolioCard/styles.ts
+++ b/src/components/atoms/PortfolioCard/styles.ts
@@ -4,8 +4,12 @@ const StyledPortfolioCard = styled.article`
 	margin-bottom: 48px;
 	flex-direction: column;
 
+	&:hover img {
+		transform: scale(1.04);
+	}
+
 	a {
-		color: ${({ theme }) => theme.headline} !important;
+		color: ${({ theme }) => theme.headline};
 		text-decoration: none;
 	}
 
@@ -17,10 +21,6 @@ const StyledPortfolioCard = styled.article`
 		transition: transform 0.3s ease;
 	}
 
-	img:hover {
-		transform: scale(1.04);
-	}
-
 	h1 {
 		margin: 0;
 	}