Merge pull request #700 from RahmaaEsmail/modify-footer-section

Update footer section

Author: agamjotsingh18

assets/css/style.css

@@ -1814,14 +1814,24 @@ footer {
 }
 
 .top-footer-text {
-  padding-bottom: 10px;
+  padding: 0 10px 10px;
 }
 
 .list-footer {
+  padding: 0;
+  width: 90%;
+  margin: 10px auto 0;
+  list-style-type:none ;
   display: flex;
-  align-items: center;
-  justify-content: center;
   flex-direction: row;
+  justify-content: center;
+  gap: 10px;
+}
+
+@media (max-width:300px) {
+  .list-footer {
+    flex-wrap: wrap;
+  }
 }
 
 .top-footer-text h1 {
@@ -1984,6 +1994,7 @@ footer {
 }
 
 .footer-copyright {
+  padding: 10px;
   text-align: center;
   margin-top: 20px;
   color: rgba(229, 228, 232, 0.58);

index.html

@@ -557,12 +557,12 @@ <h1>CodeSetGo</h1>
           <span>a community made for the students and made by the students.</span>
         </center>
       </div>
-      <div class="list-footer">
-        <ul><a href="#about">About Us</a></ul>
-        <ul><a href="#contact">Contact</a></ul>
-        <ul><a href="#services">Services</a></ul>
-        <ul><a href="">Licenses</a></ul>
-      </div>
+      <ul class="list-footer">
+        <li><a href="#about">About Us</a></li>
+        <li><a href="#contact">Contact</a></li>
+        <li><a href="#services">Services</a></li>
+        <li><a href="">Licenses</a></li>
+      </ul>
     </div>
 
     <div class="wrapper">