From 383f680e638d7315c34fc09977e8b3d1edf8f016 Mon Sep 17 00:00:00 2001
From: Vishv <vishvsalvi10@gmail.com>
Date: Tue, 14 Jan 2025 20:47:20 +0530
Subject: [PATCH] Better row_col arrangement

---
 index.html | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 66b59f1c..74e0b98e 100755
--- a/index.html
+++ b/index.html
@@ -121,7 +121,7 @@ <h2 >EXCITED?</h2>
 <!-- By the numbers -->
 <section id="testimonial" class="customPadding5">
   <div class="container">
-    <div class="row">
+    <!-- <div class="row"> -->
       <div class="col-md-12">
         <div class="row justify-content-center">
           <div class="col-md-8 col-md-push-2">
@@ -132,40 +132,52 @@ <h2>Sugar Labs by the numbers</h2>
           </div>
         </div>
         <div class="row justify-content-around">
-          <div class="col-md-5 col-md-push-1">
+          <div class="col-md-4 col-md-push-1">
             <div class="block">
               <ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;">
-                <li style="flex-basis: 45%; margin-bottom: 20px;">
+                <li style="flex-basis: 100%; margin-bottom: 20px;">
                   <div class="block" style="text-align: center;">
                     <h4 data-target="55" class="count">0</h4>
                     <span>Mentors helping youth learn in programs like Google Code-In (GCI) and Google Summer of Code</span>
                   </div>
                 </li>
-                <li style="flex-basis: 45%; margin-bottom: 20px;">
+                <li style="flex-basis: 100%; margin-bottom: 20px;">
                   <div class="block" style="text-align: center;">
                     <h4 data-target="1450" class="count">0</h4>
                     <span>Problem-solving tasks completed by students ages 13-17.</span>
                   </div>
                 </li>
-                <li style="flex-basis: 45%; margin-bottom: 20px;">
+              </ul>
+            </div>
+          </div>
+          <div class="col-md-4 col-md-push-1">
+            <div class="block">
+              <ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;">
+                <li style="flex-basis: 100%; margin-bottom: 20px;">
                   <div class="block" style="text-align: center;">
                     <h4 data-target="344" class="count">0</h4>
                     <span>Projects for teaching and learning created by Sugar Labs students and teachers.</span>
                   </div>
                 </li>
-                <li style="flex-basis: 45%; margin-bottom: 20px;">
+                <li style="flex-basis: 100%; margin-bottom: 20px;">
                   <div class="block" style="text-align: center;">
                     <h4 data-target="11531321" class="count">0</h4>
                     <span>Activities Downloaded</span>
                   </div>
                 </li>
-                <li style="flex-basis: 45%; margin-bottom: 20px;">
+              </ul>
+            </div>
+          </div>
+          <div class="col-md-4 col-md-push-1">
+            <div class="block">
+              <ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;">
+                <li style="flex-basis: 100%; margin-bottom: 20px;">
                   <div class="block" style="text-align: center;">
                     <h4 data-target="3000000" class="count">0</h4>
-                   <span>Kids whose lives have been enriched by using the Sugar Learning Platform</span>
+                    <span>Kids whose lives have been enriched by using the Sugar Learning Platform</span>
                   </div>
                 </li>
-                <li style="flex-basis: 45%; margin-bottom: 20px;">
+                <li style="flex-basis: 100%; margin-bottom: 20px;">
                   <div class="block" style="text-align: center;">
                     <h4 data-target="170" class="count">0</h4> 
                     <span>Languages our educational software has been translated into</span>
@@ -176,7 +188,7 @@ <h4 data-target="170" class="count">0</h4>
           </div>
         </div>
       </div>
-    </div>
+    <!-- </div> -->
   </div>
 </section>