From 9fa7b533084e1bd8fdf87752313fbc654307c8d3 Mon Sep 17 00:00:00 2001
From: andrefpoliveira <andre_pinto_oliveira@outlook.pt>
Date: Mon, 4 Oct 2021 09:22:37 +0100
Subject: [PATCH] Fixed Class Use

---
 public/assets/css/styles.css | 6 ++++++
 views/index.ejs              | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/public/assets/css/styles.css b/public/assets/css/styles.css
index 30dbd04..805b105 100644
--- a/public/assets/css/styles.css
+++ b/public/assets/css/styles.css
@@ -2792,6 +2792,12 @@ input~.error:after, textarea~.error:after, select~.error:after {
   padding: 5% 10%;
   background-color: #f7f9fe !important
 }
+
+.vision-row {
+  justify-content: center;
+  gap: 2%;
+}
+
 #vision h1{
   margin-bottom: 5%;
   border-style: solid;
diff --git a/views/index.ejs b/views/index.ejs
index 553d8d2..9171c30 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -67,8 +67,8 @@
     <!-- VISION -->
     <section id="vision">
       <h1 align="center">OUR VISION & MISSION</h1>
-      <div class="row">
-        <div class="col-lg-4 vision-box" data-aos="flip-left" data-aos-delay="200" data-aos-once="true" data-aos-easing="ease-in-out-sine">
+      <div class="row vision-row">
+        <div class="col-lg-3 vision-box" data-aos="flip-left" data-aos-delay="200" data-aos-once="true" data-aos-easing="ease-in-out-sine">
           <i class="far fa-eye icon  fa-4x"></i>
           <h3>VISION</h3>
           <h5>We Care About Others!</h5>
@@ -77,7 +77,7 @@
           <p>An initiative for Coronavirus free INDIA.</p>
         </div>
 
-        <div class="col-lg-4 vision-box" data-aos="flip-up" data-aos-delay="500" data-aos-once="true" data-aos-easing="ease-in-out-sine">
+        <div class="col-lg-3 vision-box" data-aos="flip-up" data-aos-delay="500" data-aos-once="true" data-aos-easing="ease-in-out-sine">
           <i class="fas fa-tasks icon  fa-4x"></i>
           <h3>MISSION</h3>
           <h5>We Fight Together for Others!</h5>
@@ -90,7 +90,7 @@
           </p>
         </div>
 
-        <div class="col-lg-4 vision-box" data-aos="flip-right" data-aos-delay="700" data-aos-once="true" data-aos-easing="ease-in-out-sine">
+        <div class="col-lg-3 vision-box" data-aos="flip-right" data-aos-delay="700" data-aos-once="true" data-aos-easing="ease-in-out-sine">
           <i class="far fa-lightbulb icon  fa-4x"></i>
           <h3>HELP & SUPPORT</h3>
           <h5>We Stand Together For Others! </h5>