Fix: Align footer contact buttons and set equal size (#628) (#640)

Author: Bhargav-1212

index.html

@@ -666,7 +666,7 @@ <h5 data-aos-duration="650" data-aos="fade-left" class="footer-title">Contact Us
                 </a>
               </div>
               <div data-aos-duration="650" data-aos="fade-left"
-                class="footer-contact-col d-flex flex-column align-items-center"
+                class="footer-contact-col d-flex flex-column align-items-center last-two-buttons"
               >
               <!-- margin added -->
                 <a
@@ -681,7 +681,7 @@ <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 mt-3"
                   style="max-width: 250px"
                 >
                   <i class="fab fa-linkedin-in me-2"></i> LinkedIn

styles.css

@@ -960,4 +960,12 @@ body {
     to {
         transform: rotate(360deg);
     }
-}
+}
+.last-two-buttons{
+  margin-left:150px;
+}
+.footer-contact-btn {
+  width: 250px;   
+  max-width: 100%; 
+  text-align: left; 
+}