Merge pull request Eduhub-Community#348 from Swapnil-Singh-99/our-eve…

…nts-style-card styles our events section
Shreyans2004 · Jun 19, 2023 · ec23690 · ec23690
2 parents 7a2885d + 5ff4e0f
commit ec23690
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 21 deletions.
diff --git 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
 --------------------------------------------------------------*/
@@ -1632,7 +1657,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', end
     Ubuntu, sans-serif;
   font-size: 100%;
   height: 50px;
-  line-height: 1.15;
+  line-height: 50px;
   margin: 12px 0 0;
   outline: none;
   overflow: hidden;
@@ -1645,7 +1670,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', end
   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
@@ -543,12 +543,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>
@@ -559,10 +559,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>
 
@@ -571,47 +569,42 @@ <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>
 
 
         </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>
           <p class="fst-italic" style="font-size: 20px;">
             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>