From 5ff4e0f25b9eb75985a31bd74179e961357f0464 Mon Sep 17 00:00:00 2001
From: Swapnil Singh <swapnilskumars@gmail.com>
Date: Wed, 14 Jun 2023 18:26:35 +0530
Subject: [PATCH] styles our events section

---
 assets/css/style.css | 29 +++++++++++++++++++++++++++--
 index.html           | 31 ++++++++++++-------------------
 2 files changed, 39 insertions(+), 21 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index cc5c3db..bd14621 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -722,6 +722,31 @@ section {
   margin-bottom: 0;
 }
 
+/*--------------------------------------------------------------
+# Our Events
+--------------------------------------------------------------*/
+
+.our-event-container{
+  width: 50%;
+  display: flex;
+  justify-items: center;
+  margin: 0 auto;
+}
+@media (max-width: 992px) {
+  .our-event-container {
+    width: 70%;
+  }
+}
+@media (max-width: 768px) {
+  .our-event-container {
+    width: 90%;
+  }
+}
+@media (max-width: 425px) {
+  .our-event-container {
+    width: 100%;
+  }
+}
 /*--------------------------------------------------------------
 # Events
 --------------------------------------------------------------*/
@@ -1549,7 +1574,7 @@ section {
     Ubuntu, sans-serif;
   font-size: 100%;
   height: 50px;
-  line-height: 1.15;
+  line-height: 50px;
   margin: 12px 0 0;
   outline: none;
   overflow: hidden;
@@ -1562,7 +1587,7 @@ section {
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
-  width: 50%;
+  width: 100%;
 }
 /* 
 .button-9:focus {
diff --git a/index.html b/index.html
index aa7c10d..c925fed 100644
--- a/index.html
+++ b/index.html
@@ -542,12 +542,12 @@ <h4>Roadmap to CSE</h4>
                   </div> -->
 
 
-      <div class="row content">
-        <div class="col-md-5" data-aos="fade-right" data-aos-delay="100">
+      <div class="row content our-event-container">
+        <div class="col-md-12" data-aos="fade-right" data-aos-delay="100">
           <img src="assets/img/events/Sponsor (4).png" class="img-fluid" alt="" style="border-radius: 30px;" />
 
         </div>
-        <div class="col-md-7 pt-4" data-aos="fade-left" data-aos-delay="100">
+        <div class="col-md-12 pt-4" data-aos="fade-left" data-aos-delay="100">
           <h3>
             Eduhub Web3.0 Connect Gurgaon
           </h3>
@@ -558,10 +558,8 @@ <h3>
             #eduhubweb3connect and Web3.0 🥳 event where you can join the community to learn, explore and contribute
             towards Web3.0! 🥳.
             <br>
-
-
             <br>
-            <button class="button-register">
+            <button class="button-register row">
               <a href="https://lu.ma/web3-gurgaon" style="color:#fff;">Register Now</a>
             </button>
 
@@ -570,22 +568,20 @@ <h3>
       </div><br><br>
 
 
-      <div class="row content">
-        <div class="col-md-5" data-aos="fade-right" data-aos-delay="100">
+      <div class="row content our-event-container">
+        <div class="col-md-12" data-aos="fade-right" data-aos-delay="100">
           <img src="assets/img/events/DSC06547.JPG" class="img-fluid" alt="" style="border-radius: 30px;" />
 
         </div>
-        <div class="col-md-7 pt-4" data-aos="fade-left" data-aos-delay="100">
+        <div class="col-md-12 pt-4" data-aos="fade-left" data-aos-delay="100">
           <h3>
             Eduhub Tech Conference
           </h3>
           <p class="fst-italic" style="font-size: 20px;">
             Conference with Mr. Sandeep Jain Founder of GeeksforGeeks
             <br>
-
-
             <br>
-            <button class="button-register">
+            <button class="button-register row">
               <a href="https://eduhubcommunity.tech/gallery.html" style="color:#fff;">View more</a>
             </button>
 
@@ -593,12 +589,12 @@ <h3>
         </div>
       </div><br><br>
 
-      <div class="row content">
-        <div class="col-md-5" data-aos="fade-right" data-aos-delay="100">
+      <div class="row content our-event-container">
+        <div class="col-md-12" data-aos="fade-right" data-aos-delay="100">
           <img src="assets/img/events/founder.JPG" class="img-fluid" alt="" style="border-radius: 30px;" />
 
         </div>
-        <div class="col-md-7 pt-4" data-aos="fade-left" data-aos-delay="100">
+        <div class="col-md-12 pt-4" data-aos="fade-left" data-aos-delay="100">
           <h3>
             #letstakeyouforward is not just a hashtag it's a sentiment it's a feeling that we are proud off.
           </h3>
@@ -606,11 +602,8 @@ <h3>
             Our Co founders Priya and Sahitya
             Building India’s Largest Education tech Community Eduhub
             <br>
-
-
-
             <br>
-            <button class="button-register">
+            <button class="button-register row">
               <a href="https://eduhubcommunity.tech/gallery.html" style="color:#fff;">View More</a>
             </button>