Merge pull request #372 from abhayybhatt/fix/adding-hover-colour-to-t…

…witter-and-github Added Twitter and Github icons' native colors while hovering over them at footer
Mujtabaa07 · Jan 25, 2025 · fa6640f · fa6640f
2 parents c7ad1f0 + efddb94
commit fa6640f
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/componets/footer.js b/src/componets/footer.js
@@ -145,9 +145,13 @@ transition: color 0.3s ease, transform 0.3s ease;
   color: #0077b5; /* LinkedIn Blue */
 }
 
-@media (max-width: 768px) {
-  font-size: 1.3rem;
-}
+  &[href*="github.com"]:hover {
+    color: #1C2025; /* GitHub Black */
+  }
+
+  @media (max-width: 768px) {
+    font-size: 1.3rem;
+  }
 `;
 
 const Divider = styled.hr`
@@ -187,7 +191,7 @@ function Footer() {
           </SocialIcon>
 
           <SocialIcon
-            href="https://x.com"
+            href="https://twitter.com"
             target="_blank"
             rel="noopener noreferrer"
             whileHover={{ scale: 1.2 }}