update help center

Author: jasperayawan

help-center.css

@@ -269,10 +269,7 @@ input[type="submit"]:hover {
 /* Style the container/contact section */
 .contact-us {
   border-radius: 5px;
-  padding: 2% 8%;
   justify-content: center;
-  min-height: 100%;
-  width: 100vw;
   opacity: 0.95;
 }
 
@@ -348,7 +345,6 @@ form input {
 footer {
   background-color: #fff;
   color: black;
-  padding: 30px 0;
 }
 
 .footer-container {
@@ -434,6 +430,17 @@ footer {
     margin-right: 0;
   }
 }
+@media (max-width: 600px){
+  .faqs {
+    /* min-height: 100%;
+    width: 100vw; */
+    margin-bottom: 0;
+    padding-bottom: 0;
+    padding-left: 0;
+    padding-right: 0;
+    padding: 0 1rem;
+  }
+}
 
 /*----------------------final footer styling---------------------*/
 

help-center.html

@@ -200,7 +200,7 @@ <h1 class="text-center" style="font-size: 40px; font-weight: bold">
       </div>
     </div>
 
-    <div class="container-fluid faqs" id="faqs">
+    <div class="container-fluid faqs py-4" id="faqs">
       <button
         class="accordion rounded-top-2 d-flex justify-content-between align-items-center"
       >
@@ -415,10 +415,10 @@ <h1 class="contact-title">Contact Us</h1>
       </div>
     </section>
 
-    <div class="container-fluid my-5 contact-us" id="contact-us">
+    <div class="container-fluid container-md my-5 py-5 contact-us position-relative" id="contact-us">
       <hr />
-      <div class="row">
-        <div class="column">
+      <div class="row w-100 d-flex flex-column flex-md-row">
+        <div class="col position-relative">
           <p class="contact-tag">
             You may also visit us at Centro 1, Cabatuan, Isabela 3315
             Philippines
@@ -455,7 +455,7 @@ <h1 class="contact-title">Contact Us</h1>
           </div>
         </div>
 
-        <div class="column">
+        <div class="col position-relative">
           <p class="contact-tag">
             If you have further queries, please leave us a message.
           </p>
@@ -511,7 +511,7 @@ <h1 class="contact-title">Contact Us</h1>
 
     <!-------------------------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>