From 42ee20910f26610302f345999d40ebb604ed8a09 Mon Sep 17 00:00:00 2001
From: Priyanka Kumari <priyankakumari_ee21b9_01@dtu.ac.in>
Date: Thu, 18 Sep 2025 22:08:20 +0530
Subject: [PATCH] fixed alignment of grids in contact-us section

---
 index.html      | 10 ++--------
 styles/main.css |  3 ++-
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index b667b34..15ab9d2 100644
--- a/index.html
+++ b/index.html
@@ -575,7 +575,7 @@ <h3 data-aos-duration="650" data-aos="fade-up" class="secHeader"><span>About</sp
           </div>
           <!-- Removed footer nav links when navbar is sticky issue #610 -->
           <div class="col-12 col-md-6 footer-contact-col-main">
-            <h5 data-aos-duration="650" data-aos="fade-left" class="footer-title">Contact Us</h5>
+            <h5 data-aos-duration="650" data-aos="fade-left" class="footer-title text-center">Contact Us</h5>
             <div class="footer-contact-row d-flex justify-content-center">
               <div data-aos-duration="650" data-aos="fade-right"
                 class="footer-contact-col d-flex flex-column gap-3 w-100"
@@ -596,11 +596,6 @@ <h5 data-aos-duration="650" data-aos="fade-left" class="footer-title">Contact Us
                 >
                   <i class="fab fa-discord me-2"></i> Discord
                 </a>
-              </div>
-              <div data-aos-duration="650" data-aos="fade-left"
-                class="footer-contact-col d-flex flex-column align-items-center"
-              >
-              <!-- margin added -->
                 <a
                   href="https://github.com/opensource-society/CodeClip/issues"
                   target="_blank"
@@ -613,12 +608,11 @@ <h5 data-aos-duration="650" data-aos="fade-left" class="footer-title">Contact Us
                 <a
                   href="https://www.linkedin.com/in/adityai0"
                   target="_blank"
-                  class="btn btn-primary mb-2 footer-contact-btn mt-3 "
+                  class="btn btn-primary mb-2 footer-contact-btn  "
                   style="max-width: 250px"
                 >
                   <i class="fab fa-linkedin-in me-2"></i> LinkedIn
                 </a>
-                
               </div>
             </div>
           </div>
diff --git a/styles/main.css b/styles/main.css
index cfbf179..d4d5e16 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -1073,6 +1073,7 @@ html {
     letter-spacing: 0.5px;
     text-align: center;
   }
+
   .footer-contact-links {
     margin-top: 0;
 
@@ -1095,7 +1096,7 @@ html {
     height: 3px;
     background: linear-gradient(90deg, #2563eb 60%, #1e2c44 100%);
     border-radius: 2px;
-    margin: 0.4rem auto 0 auto;
+    margin: 0.4rem  0 auto;
   }
 
   .footer-links {