From f20511e6fb35e4a79feda17237f7bf5af0453906 Mon Sep 17 00:00:00 2001
From: Utsavladia <utsavladia@gmail.com>
Date: Thu, 8 Aug 2024 22:49:14 +0530
Subject: [PATCH] Fixed about page for mobile screen size

---
 about.html           | 16 ++++++++++++----
 assets/css/style.css | 11 ++++++++++-
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/about.html b/about.html
index 3df29fdd..fab1c580 100644
--- a/about.html
+++ b/about.html
@@ -179,7 +179,7 @@
 
 </script>
 
-      <div class="preloader">
+      <!-- <div class="preloader">
         <div class="loader">
           <div class="ytp-spinner">
             <div class="ytp-spinner-container">
@@ -194,7 +194,7 @@
             </div>
           </div>
         </div>
-      </div>     
+      </div>      -->
       <header class="header-area">
         <div class="navbar-area">
           <div class="container">
@@ -354,6 +354,14 @@ <h2 class="header-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0
             max-width: 80%;
             /* Adjust this value to increase or decrease the margins */
           }
+
+          @media (max-width:768px) {
+            .blog-content{
+              max-width: 100%;
+            }
+
+            
+          }
         </style>
                 <div class="card">
                   <h2>About Us</h2>
@@ -546,10 +554,10 @@ <h4 class="title">Resources</h4>
             </div>
           </div>
         </div>
-        <div class="col-lg-3 col-md-5 col-sm-5 mt-15">
+        <div class="col-lg-3 col-md-12 col-sm-5 mt-15">
           <div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="justify-content: space-around !important;">
             <div class="footer-title">
-              <h4 class="title">Contact Us</h4>
+              <h4 class="title" style="margin-left: 1rem;">Contact Us</h4>
             </div>
             <ul class="contact custom-margin">
               <li class="d-sm-flex justify-content-center">
diff --git a/assets/css/style.css b/assets/css/style.css
index d429489e..55b9b1bf 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -2265,6 +2265,9 @@ p {
   .custom-margin-big{
     margin-left: 20px;
   }
+  .footer-title{
+    width: 100%;
+  }
 }
 
 .link-wrapper .link {
@@ -2900,6 +2903,7 @@ text-align: center;
 
 @media (max-width: 600px) {
   .footer-link {
+    padding-left: 1rem;
     flex-direction: column;
     align-items: flex-start;
   }
@@ -2922,12 +2926,14 @@ text-align: center;
   }
 
   .footer-about{
-    margin-left: 0px;
+    margin-left: 1rem;
   }
 }
 
 @media (max-width: 600px) {
   .footer-contact .contact li {
+    padding-left: 1rem;
+
     display: flex;
     align-items: center;
     justify-content: flex-start;
@@ -2941,11 +2947,14 @@ text-align: center;
   .footer-contact .contact li p,
   .footer-contact .contact li div {
     width: auto;
+
   }
 }
 
 @media (max-width: 1024px) {
   #footer{
     margin-top: 160px;
+    padding-left: 1rem;
+
   }
 }
\ No newline at end of file