about us responsiveness

Author: jasperayawan

about-us.css

@@ -362,7 +362,6 @@ form input {
 footer {
   background-color: #fff;
   color: black;
-  padding: 30px 0;
 }
 
 .footer-container {
@@ -514,16 +513,16 @@ footer {
   .mission-img-container img{
     width: 330px;
   }
+  .co_workers {
+    width: 120px;
+    height: 120px;
+  }
 
 }
 /*----------------------final footer styling---------------------*/
 
 .final-footer {
-  padding: 1% 4%;
-  display: grid;
-  grid-template-columns: repeat(3, 300px);
-  justify-content: center;
-  background: rgba(201, 226, 101, 0.2);
+
 }
 
 @media screen and (max-width: 600px) {

about-us.html

@@ -186,9 +186,9 @@
         <span>Making Impact, Changing Lives!</span>
       </div>
 
-      <div class="container MS_Container">
+      <div class="container MS_Container position-relative d-flex justify-content-center align-items-center flex-column">
         <div
-          class="row position-relative mb-lg-5 d-flex flex-column flex-md-row"
+          class="row position-relative mb-lg-5 d-flex flex-column flex-md-row px-2 w-100"
         >
           <div class="col">
             <div class="mission_container my-5 d-flex flex-column">
@@ -210,7 +210,7 @@ <h2>Our Mission</h2>
         </div>
 
         <div
-          class="row position-relative d-flex flex-column-reverse flex-md-row"
+          class="row position-relative d-flex flex-column-reverse flex-md-row px-2 w-100"
         >
           <div class="col">
             <div
@@ -422,7 +422,7 @@ <h5 class="name_of_team">Sam Smith</h5>
         </div>
 
         <div
-          class="co-workers_container d-flex flex-wrap justify-content-center gap-lg-5"
+          class="co-workers_container d-flex flex-wrap justify-content-center gap-lg-5 gap-5"
         >
           <div class="d-flex flex-column align-items-center gap-2">
             <div class="co_workers position-relative d-block">
@@ -486,8 +486,8 @@ <h4 class="text-center text-white">
 
     <!-------------------------footer section area-------------------->
 
-    <footer class="py-5 bg-light">
-      <div class="footer-container px-3">
+    <footer class="py-md-5 bg-light">
+      <div class="footer-container px-3 py-4">
         <div class="quick-links">
           <h5 class="" style="font-weight: 500">Quick Links</h5>
           <ul class="d-block list-unstyled gap-4">
@@ -624,7 +624,7 @@ <h5 class="" style="font-weight: 500">Subscribe to our Newsletter</h5>
       </div>
     </footer>
 
-    <section class="final-footer py-md-5 bg-light">
+    <section class="final-footer py-5  bg-light">
       <div class="item item1"></div>
       <div class="item item2 text-center">
         <i class="fa-solid fa-tractor"></i>