fixed the footer

PriyaGhosal · Oct 28, 2024 · faa9c33 · faa9c33
1 parent 7d1bc1a
commit faa9c33
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/fly.css b/fly.css
@@ -447,6 +447,7 @@ nav {
   margin-bottom: 1rem;
 }
 
+
 .footer__col p {
   color: var(--extra-light);
   margin-bottom: 1rem;
@@ -458,6 +459,12 @@ nav {
   color: var(--white);
 }
 
+.footer__col ul {
+  list-style-type: none; /* Removes bullet points */
+  padding: 0; /* Removes default padding */
+  margin: 0; /* Removes default margin */
+}
+
 .footer__col ul li a {
   color: #ffffff;
   text-decoration: none;
@@ -845,7 +852,7 @@ nav {
 .footer__col h4 {
   font-size: 1.5rem;
   font-weight: 500;
-  color: var(--white);
+  color: #f39c12;
   margin-bottom: 1rem;
 }
 
@@ -872,7 +879,7 @@ nav {
   padding: 0.5rem;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   gap: 1rem;
   border-top: 1px solid var(--extra-light);
 }
@@ -891,6 +898,7 @@ nav {
 .socials span {
   font-size: 1.2rem;
   color: var(--extra-light);
+
 }
 
 .socials i:hover {
@@ -905,3 +913,4 @@ nav {
   }
 }
 
+
diff --git a/fly.html b/fly.html
@@ -294,17 +294,20 @@ <h4>CONTACT</h4>
          <a href="contact.html">Support</a> 
          <a href="blog.html">Media</a> 
          <a href="#">Social</a> 
-        </div>
-      </div>
-      <div class="section__container footer__bar">
-        <p>Copyright © 2024 BuddyTrail All rights reserved.</p>
-        <div class="socials">
+
+         <div class="socials">
           <span><i class="ri-facebook-fill"></i></span>
           <span><i class="ri-twitter-fill"></i></span>
           <span><i class="ri-instagram-line"></i></span>
           <span><i class="ri-youtube-fill"></i></span>
+        </div> 
         </div>
       </div>
+
+      <div class="section__container footer__bar">
+        <p>Copyright © 2024 BuddyTrail All rights reserved.</p>
+
+      </div>
     </footer>
 
     <div class="gtranslate_wrapper"></div>