Merge pull request #832 from akshitagupta15june/revert-828-main

Revert "Responsiveness and Overlapping Issues Handled"
akshitagupta15june · Jun 20, 2023 · 0bac818 · 0bac818
2 parents abce55f + fc4de0c
commit 0bac818
Show file tree

Hide file tree

Showing 3 changed files with 366 additions and 823 deletions.
diff --git a/Iskcon/event.css b/Iskcon/event.css
@@ -3,15 +3,12 @@
   padding: 0;
   text-decoration: none;
 }
-
 body {
   background-color: #2980b9;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
-  overflow: hidden;
 }
-
 .bubble {
   position: absolute;
   top: 100vh;
@@ -25,31 +22,26 @@ body {
     inset 5px 5px 10px #960101, inset -5px 5px 20px #fff,
     inset 15px -25px 20px #9224ed;
 }
-
 .bubble-two {
   box-shadow: inset 0 0 10px #fff, inset -10px 10px 15px #06f3df,
     inset 5px 5px 10px #f8e63e, inset -5px 5px 20px #fff,
     inset 15px -25px 20px #ed24aa;
 }
-
 .bubble-three {
   box-shadow: inset 0 0 10px #010631, inset -10px 10px 15px #1512f3,
     inset 5px 5px 10px #80036b, inset -5px 5px 20px #fff,
     inset 15px -25px 20px #33114e;
 }
-
 .bubble-four {
   box-shadow: inset 0 0 10px #8b0101, inset -10px 10px 15px #f6f6fc,
     inset 5px 5px 10px #81f733, inset -5px 5px 20px #fff,
     inset 15px -25px 20px #0b0822;
 }
-
 .bubble-five {
   box-shadow: inset 0 0 10px #fff, inset -10px 10px 15px #100dee,
     inset 5px 5px 10px #f7a120, inset -5px 5px 20px #fff,
     inset 15px -25px 20px #ed24c1;
 }
-
 .score-board {
   background: #fff;
   width: 300px;
@@ -62,15 +54,12 @@ body {
   bottom: 0;
   left: calc(50% - 150px);
 }
-
 .loser {
   display: none;
 }
-
 .winner {
   display: none;
 }
-
 .main-game {
   width: 100vw;
   height: 100vh;
@@ -79,18 +68,16 @@ body {
   justify-content: center;
   flex-direction: column;
 }
-
 button.start-btn {
   font-size: 20px;
   border: none;
   margin-top: 8px;
   border-radius: 30px;
   font-weight: bold;
-  height: 30px;
+  height: 30px; 
   width: 5%;
   margin: 8px auto;
 }
-
 .shadow {
   width: 100vw;
   height: 100vh;
@@ -101,29 +88,27 @@ button.start-btn {
   z-index: 1000;
   position: relative;
 }
-
 .total-score {
   background: #fff;
   padding: 10px 100px 40px;
   border-radius: 10px;
   text-align: center;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
 }
-
-.cards {
+.cards{
   display: flex;
 }
 
-.nav-menu>li a {
+.nav-menu>li a{
   /* position: relative; */
   display: flex;
   justify-content: space-around;
-
+  
 }
 
 .navbar-logo img {
   width: 60px;
   background-color: antiquewhite;
   border-radius: 50%;
   object-fit: cover;
-
+}
diff --git a/Iskcon/event.html b/Iskcon/event.html
@@ -81,8 +81,8 @@
   margin-top: 10px;
 }
   .about{
-  width:45%;
-  margin:0 25.5%;
+  margin-left: 350px;
+  margin-right: 350px;
   padding: 10px 20px 85px;
   height: 100px;
   }
@@ -100,39 +100,11 @@
   transition: all 0.55s ease;
 }
 
-.card{
-  width:30rem;
-}
-
-@media only screen and (max-width:1000px){
-  .about{
-    width: 68%;
-    margin: auto;
-  }
-
-}
-
-@media only screen and (max-width:760px){
-  .innerevent h1{
-      padding-top: 40px;
-    }
-
-  .cards{
-      flex-direction: column;
-  }
-
-  .card{
-    width:60%;
-    margin: 2rem auto;
-  }
-}
-
-
 @media only screen and (max-width:700px) {
     .header{
       margin-top: 84px;
     padding-top: 71px;
-
+    margin-left: -326px;
     }
 
     .header h1{
@@ -142,39 +114,16 @@
     .text-container{
       margin-top: 84px;
     padding-top: 71px;
+    margin-left: -326px;
     }
 
-  }
-@media only screen and (max-width:625px){
-  .about{
-    width: 88%;
-  }
-  }
-
-@media only screen and (max-width:585px){
-  .innerevent h1{
-      padding-top: 22%;
+    .innerevent h1{
+      padding-top: 188px;
     }
-
-  .card{
-    width:80%;
   }
-}
-
-@media only screen and (max-width:460px){
-  .innerevent h1{
-      padding-top: 54%;
-    }
-}
-
-@media only screen and (max-width:400px){
-  .innerevent h1{
-      padding-top: 82%;
-    }
-}
    </style>
 
-  <div class ="about" >
+    <div class ="about" >
     <div class="header">
       <h1>Learn About ISKCON</h1>
       <p><b> International Society for Krishna Consciousness (ISKCON)</b></p>
@@ -197,7 +146,7 @@ <h1>Learn About ISKCON</h1>
         </p>
     </div>
   </div>
-
+</div>
   <!-- The Tour Section -->
   <div id="event">
             <div  class="w3-container w3-content w3-padding-64"
@@ -224,7 +173,7 @@ <h1>Learn About ISKCON</h1>
 
       <!--cards-->
       <div class="cards">
-        <div class="card" style="height:500px">
+        <div class="card" style="width: 30rem; height:500px">
           <img class="card-img-top" style="height:200px" src="../Images/xpression.jpg" alt="new delhi">
           <div class="card-body">
             <h5 class="card-title" style="color:#000;height: 50px;">Learning Mental Wellness</h5>
@@ -234,7 +183,7 @@ <h5 class="card-title" style="color:#000;height: 50px;">Learning Mental Wellness
             <a href="https://xpression.co.in/" class="btn btn-primary">Book Tickets</a>
           </div>
         </div>
-        <div class="card" style="height:500px">
+        <div class="card" style="width: 30rem; height:500px">
           <img class="card-img-top" style="height:200px" src="../Images/ramn.jpg" alt="new delhi">
           <div class="card-body">
             <h5 class="card-title" style="color:#000; height: 50px;">Iskcon, Banglore</h5>
@@ -243,7 +192,7 @@ <h5 class="card-title" style="color:#000; height: 50px;">Iskcon, Banglore</h5>
             <a href="https://www.iskconbangalore.org/sri-rama-navami/" class="btn btn-primary">Visit</a>
           </div>
         </div>
-        <div class="card" style="height:500px">
+        <div class="card" style="width: 30rem; height:500px">
           <img class="card-img-top" style="height:200px" src="../Images/krishnaa.jpg" alt="new delhi">
           <div class="card-body">
             <h5 class="card-title" style="color:#000; height: 50px;">Vedic Cultural Centre, New Delhi</h5>