Changes DOne

index.html

@@ -263,20 +263,20 @@
   <div class="design_line"></div>
   <footer>
     <div class="left_last">
-      <div class="contact">
-        <div class="name">
-          <img src="images/Nomenclature.png" alt="" class="end-logo" />
-          <a class="subheading" href="index.html" id="last_link">CodeIt</a>
+      <div class="contact" style="display: flex;align-items: center;justify-content: center; flex-direction: column;width: 400px;">
+        <div class="name" style="display: flex; justify-content: center;gap: 20px; text-align: center;align-items: center;">
+          <img src="images/Nomenclature.png" alt="" class="end-logo" style="margin: 0px;position: relative;"/>
+          <a class="subheading" href="index.html" style="margin: 0px;" id="last_link">CodeIt</a>
         </div>
-        <h3 style="margin-left: 50px;margin-top: 80px;">Our Social Media Handles</h3>
+        <h3 style="margin-top: 20px;text-align: center;">Our Social Media Handles</h3>
         <div
-          style="font-size: 35px;width: 200px; margin-left: 80px;margin-top: 30px;display: flex; justify-content: space-between;">
+          style="font-size: 35px;width: 200px; display: flex;gap: 40px;margin-top: 20px; justify-content: center;align-items: center;">
           <a href="https://github.com/multiverseweb/CodeIt"><i class="fa-brands fa-github"></i></a>
           <a href="404.html"><i class="fa-brands fa-discord"></i></a>
           <a href="mailto:[email protected]"><i class="fa-solid fa-envelope"></i></a>
         </div>
       </div>
-
+    </div>
       <div class="right_last">
         <form name="CodeIt Reviews" action="POST" data-netlify="true" onsubmit="return validateFeedback()">
           <p>Let Us Know Your Thoughts!</p>
@@ -301,7 +301,6 @@ <h3 style="margin-left: 50px;margin-top: 80px;">Our Social Media Handles</h3>
           </form>
         </div>
 
-
   </footer>
 
   <div class="license" id="licenseSection">

resources/style.css

@@ -427,7 +427,9 @@ option {
 
 footer {
   display: flex;
-  justify-content: space-between;
+  justify-content:space-evenly;
+  align-items: center;
+  flex-direction: row;
   padding: 10px;
 }
 
@@ -536,9 +538,7 @@ footer {
     white-space: nowrap;
   }
 
-  #name {
-    width: calc(50vw - 0px);
-  }
+
 
   #directory {
     width: calc(100vw - 40px);