Update: mediaquray for social media

Update: Add github in footer

Author: ThisIs-Developer

index.html

@@ -251,6 +251,12 @@ <h1 class="title">Contact Me</h1>
             <a href="https://www.linkedin.com/in/baivabsarkar">LinkedIn</a>
           </p>
         </div>
+        <div class="contact-info-container">
+          <img src="./assets/icons/github.png" alt="GitHub icon" class="icon contact-icon" />
+          <p>
+            <a href="https://github.com/ThisIs-Developer">GitHub</a>
+          </p>
+        </div>
         <div class="contact-info-container">
           <img src="./assets/icons/medium.png" alt="Medium icon" class="icon contact-icon" />
           <p>

mediaqueries.css

@@ -69,7 +69,7 @@
     flex-wrap: wrap;
   }
   .contact-info-container {
-    margin: auto 10px;
+    margin: 5px 10px;
   }
   .contact-info-container p,
   .nav-links li a {

project.html

@@ -193,6 +193,18 @@ <h1 class="title">Contact Me</h1>
                     <img src="./assets/icons/linkedin.png" alt="LinkedIn icon" class="icon contact-icon" />
                     <p><a href="https://www.linkedin.com/in/baivabsarkar">LinkedIn</a></p>
                 </div>
+                <div class="contact-info-container">
+                    <img src="./assets/icons/github.png" alt="GitHub icon" class="icon contact-icon" />
+                    <p><a href="https://github.com/ThisIs-Developer">GitHub</a></p>
+                </div>
+                <div class="contact-info-container">
+                    <img src="./assets/icons/medium.png" alt="Medium icon" class="icon contact-icon" />
+                    <p><a href="https://medium.com/@baivabsarkar">Medium</a></p>
+                </div>
+                <div class="contact-info-container">
+                    <img src="./assets/icons/devto.png" alt="Dev.to icon" class="icon contact-icon" />
+                    <p><a href="https://dev.to/thisisdeveloper">Dev.to</a></p>
+                </div>  
             </div>
         </section>
         <footer>