update partner us responsiveness

Author: jasperayawan

partner-us.css

@@ -434,6 +434,12 @@ footer {
     margin-right: 0;
   }
 }
+@media (max-width: 600px){
+  .partner_img {
+    height: 100%;
+    width: 100%;
+  }
+}
 
 /*----------------------final footer styling---------------------*/
 
@@ -449,7 +455,6 @@ footer {
 .registration-form {
   position: relative;
   background: #fff;
-  padding: 2rem;
   border-radius: 6px;
   display: flex;
   flex-direction: column;

partner-us.html

@@ -290,9 +290,9 @@ <h2>BENEFITS OF BECOMING A FARMER VENDOR</h2>
     <section
       class="parter_content bg-light py-lg-5 d-flex w-100 justify-content-center"
     >
-      <div class="container px-md-5 d-flex w-75 flex-column gap-md-5">
-        <div class="d-flex flex-column flex-md-row align-items-end gap-5">
-          <div class="d-block">
+      <div class="container-md container-fluid px-md-5 d-flex w-100 flex-column gap-md-5">
+        <div class="d-flex justify-content-center align-items-center flex-column flex-md-row align-items-md-end gap-5">
+          <div class="d-flex w-100 justify-content-center align-items-center">
             <div class="partner_img position-relative">
               <img src="assets/direct-access.jpeg" alt="business" />
             </div>
@@ -311,7 +311,7 @@ <h3 class="" style="font-weight: 500">
         </div>
 
         <div
-          class="d-flex flex-column-reverse flex-md-row align-items-end gap-5"
+          class="d-flex flex-column-reverse flex-md-row align-items-md-end justify-content-center align-items-center gap-5"
         >
           <div class="d-flex flex-column gap-md-2">
             <h3 class="" style="font-weight: 500">Higher Profit Margins</h3>
@@ -329,7 +329,7 @@ <h3 class="" style="font-weight: 500">Higher Profit Margins</h3>
           </div>
         </div>
 
-        <div class="d-flex flex-column flex-md-row align-items-end gap-5">
+        <div class="d-flex flex-column flex-md-row align-items-md-end justify-content-center align-items-center gap-5">
           <div class="d-block">
             <div class="partner_img position-relative">
               <img src="assets/price control.webp" alt="business" />
@@ -347,7 +347,7 @@ <h3 class="" style="font-weight: 500">Control over Pricing</h3>
         </div>
 
         <div
-          class="d-flex flex-column-reverse flex-md-row align-items-end gap-5"
+          class="d-flex flex-column-reverse flex-md-row align-items-md-end justify-content-center align-items-center gap-5"
         >
           <div class="d-flex flex-column gap-md-2">
             <h3 class="" style="font-weight: 500">Flexibility</h3>
@@ -366,7 +366,7 @@ <h3 class="" style="font-weight: 500">Flexibility</h3>
           </div>
         </div>
 
-        <div class="d-flex flex-column flex-md-row align-items-end gap-5">
+        <div class="d-flex flex-column flex-md-row align-items-md-end justify-content-center align-items-center gap-5">
           <div class="d-block">
             <div class="partner_img position-relative">
               <img src="assets/New-market-opportunities.jpg" alt="business" />
@@ -387,15 +387,15 @@ <h3 class="" style="font-weight: 500">Marketing Opportunities</h3>
 
     <!------------------FORM------------->
 
-    <section id="reg-form" class="my-5">
-      <div class="container my-5 text-center">
+    <section id="reg-form" class="my-5 position-relative">
+      <div class="container-md container-fluid my-5 text-center">
         <h1>Be Part of our Growing Community!</h1>
         <h3>
           Show your intent to be a Farmer Vendor. Fill out the form below.
         </h3>
       </div>
 
-      <div class="container registration-form">
+      <div class="registration-form container-fluid">
         <h2>Registration Form</h2>
 
         <form name="submit-to-google-sheet">
@@ -508,7 +508,7 @@ <h2>Registration Form</h2>
 
     <!-------------------------footer section area-------------------->
 
-    <footer class="py-5 bg-light">
+    <footer class="pt-5 bg-light">
       <div class="footer-container px-3">
         <div class="quick-links">
           <h5 class="" style="font-weight: 500">Quick Links</h5>