Adding Social Media Icons

ChromeGaming · Jul 3, 2024 · 6015562 · 6015562
1 parent d307205
commit 6015562
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -406,6 +406,7 @@
         transform: scale(1.2);
       }
 
+      /* Specific hover color changes */
       .icons .icon:hover .fab.fa-facebook {
         color: #3b5998;
       }
@@ -432,12 +433,37 @@
       .icons .icon:hover .fab.fa-youtube {
         color: #c31a1e;
       }
+
       .icons .icon:hover .fab.fa-github {
         color: #333;
       }
+
       .icons .icon:hover .fab.fa-linkedin {
         color: #0077b5;
       }
+
+      /* Responsive design */
+      @media (max-width: 768px) {
+        .icons {
+          gap: 20px;
+          padding: 15px;
+        }
+
+        .icons .icon i {
+          font-size: 25px;
+        }
+      }
+
+      @media (max-width: 480px) {
+        .icons {
+          gap: 15px;
+          padding: 10px;
+        }
+
+        .icons .icon i {
+          font-size: 20px;
+        }
+      }
     </style>
   </head>