refactor(portfolio): hover effect on card instead of image

nathan-abela · Mar 24, 2024 · a674d99 · a674d99
1 parent 31810b2
commit a674d99
Showing 1 changed file with 5 additions and 5 deletions.
diff --git 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;
 	}