fix: fix responsiveness

dreamspace-academy · Jan 21, 2024 · ca33b83 · ca33b83
1 parent 40c07fb
commit ca33b83
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 16 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -488,6 +488,23 @@ a.cart-btn {
   margin: 0 auto;
 }
 
+.section-title-1 h3 {
+  font-size: 40px;
+  position: relative;
+  padding-bottom: 15px;
+}
+
+.section-title-1 h3:after {
+  position: absolute;
+  content: '';
+  left: 90px;
+  bottom: 0px;
+  width: 50px;
+  height: 2px;
+  background-color: #b0009c;
+  margin: 0 auto;
+}
+
 .section-title p {
   font-size: 1.5rem;
   width: 530px;
@@ -1973,10 +1990,6 @@ span.comment-date {
   justify-content: center;
 }
 
-.cart-banner .content-column h3 {
-  font-size: 40px;
-}
-
 .cart-banner .content-column h4 {
   position: relative;
   font-weight: 300;
@@ -2078,10 +2091,10 @@ a.video-play-btn {
   position: absolute;
   background-color: #b0009c;
   color: #ffffff;
-  width: 90px;
-  height: 90px;
+  width: 80px;
+  height: 80px;
   text-align: center;
-  line-height: 92px;
+  line-height: 80px;
   border-radius: 50%;
   font-size: 20px;
   padding-left: 5px;
@@ -2097,10 +2110,9 @@ a.video-play-btn {
 
 .abt-bg {
   background-image: url(../img/mellidai-meddu.jpg);
-  height: 100%;
+  height: 500px;
   width: 100%;
   background-size: cover;
-  background-position: center;
   border-radius: 10px;
   position: relative;
   z-index: 1;

diff --git a/assets/css/responsive.css b/assets/css/responsive.css
@@ -229,6 +229,9 @@
   .section-title h3 {
     font-size: 25px;
   }
+  .section-title-1 h3 {
+    font-size: 25px;
+  }
 
   p.testimonial-body {
     font-size: 15px;

diff --git a/index.html b/index.html
@@ -134,19 +134,22 @@ <h1>Women Empowering Women in STEAM!</h1>
         <!--end Image Column-->
         <!--Content Column-->
         <div class="content-column col-lg-6">
-          <h3><span class="orange-text">What</span> We Do</h3>
-          <div class="text">This initiative is a wing of the <a href="https://dreamspace.academy/"><b>DreamSpace
-                Academy</b></a> aims to support young girls and women in science, technology, engineering,
-            mathematics and arts (STEAM). DoW firmly believes in a world where women are embraced in STEAM fields and
-            are able to equally contribute to the development of a community and a country through those sectors.</div>
+          <div class="section-title-1">
+            <h3><span class="orange-text">What</span> We Do</h3>
+            <div class="text">This initiative is a wing of the <a href="https://dreamspace.academy/"><b>DreamSpace
+                  Academy</b></a> aims to support young girls and women in science, technology, engineering,
+              mathematics and arts (STEAM). DoW firmly believes in a world where women are embraced in STEAM fields and
+              are able to equally contribute to the development of a community and a country through those sectors.
+            </div>
+          </div>
         </div>
       </div>
       <!-- end Content Column-->
     </div>
   </section>
 
   <!-- Vision -->
-  <div class="product-section mt-20 mb-20">
+  <div class="product-section mt-20 mb-20" style="padding-top: 40px; background-color: #f3f3f3;">
     <div class="container">
       <div class="row">
         <div class="col-lg-8 offset-lg-2 text-center">
@@ -162,7 +165,7 @@ <h3>Our<span class="orange-text"> Vision</span></h3>
   <!-- end Vision -->
 
   <!-- Mission -->
-  <div class="product-section mt-20 mb-20">
+  <div class="product-section mt-20 mb-20" style="padding-top: 40px;">
     <div class="container">
       <div class="row">
         <div class="col-lg-8 offset-lg-2 text-center">