Updated Sugar Stories Layout (#464)

sugarlabs · Oct 12, 2024 · cd1e1ee · cd1e1ee
1 parent 8d5fcd5
commit cd1e1ee
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/css/airspace.css b/css/airspace.css
@@ -1412,6 +1412,7 @@ px      68    160    252    */
 .cta{
   padding-top:80px !important;
   padding-bottom:0px !important;
+  margin-top: 80px;
   margin-bottom: 0px !important;
 }
 .test{

diff --git a/sugar-stories.html b/sugar-stories.html
@@ -6,20 +6,20 @@
 
 <!-- Title section -->
 <section id="call-to-action" class="cta">
-  <div class="container customPadding1">
+  <div class="container">
     <div class="row">
-      <div class="col-md-6" >
-        <h2 class="leftAlign"><b>SUGAR STORIES</b></h2>
+      <div class="col-md-12" >
+        <h1 class="center"><b>SUGAR STORIES</b></h1>
           </br>
-          <p class="customParagraphStyle3">Welcome to the Sugar stories site. Here you will find all the stories related to Sugar.</p>
+          <p class="center">Welcome to the Sugar stories site. Here you will find all the stories related to Sugar.</p>
       </div>
     </div>
   </div>
 </section>
 
 <!-- Navigation buttons -->
 <section id="exTab3" >
-    <div class="container customPadding1">
+    <div class="container">
         <ul  class="nav nav-pills" >
             <li><a  href="#1h" class="btn btn-custom bt hrefCustomColor2"><span class="customSpanColor">Story 1</span></a>
             </li>
@@ -31,9 +31,9 @@ <h2 class="leftAlign"><b>SUGAR STORIES</b></h2>
 
 <!-- "Sugar Stories" section -->
 <section id="testimonial" class="test">
-    <div class="container customPadding1"> 
+    <div class="container"> 
         <div class="row">      
-            <div class="col-md-8" >
+            <div class="col-md-12" >
                 <span class="anchor1" id="1h"></span>
                 <h3>Story 1: The connection between Sugar - Students - Teachers</h3>
                 <hr>