Merge pull request #928 from Utsavladia/about-mobile-screen

Fixed about page for mobile screen size
ayush-that · Aug 8, 2024 · bcf0915 · bcf0915
2 parents 0598124 + f20511e
commit bcf0915
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git 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
@@ -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;
+
  }
 }