Merge pull request #399 from JAYESHBATRA/revert-361-maths_quiz

Revert "Maths quiz"
JAYESHBATRA · Jun 7, 2024 · 43562a2 · 43562a2
2 parents f5814bd + acf6555
commit 43562a2
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 44 deletions.
diff --git a/Pages/Quizes/tests/button-7/style.css b/Pages/Quizes/tests/button-7/style.css
@@ -200,7 +200,7 @@ ul {
     background-color: #F0F1FF;
     border-radius: 10px;
     box-shadow: 0 0 10px 2px rgba(100, 100, 100, 0.1);
-    width: 1000px;
+    width: 500px;
     max-width: 95vw;
     overflow: hidden;
   }
@@ -211,7 +211,7 @@ ul {
 
   h2 {
     padding: 1rem;
-    text-align: left;
+    text-align: center;
     margin: 0;
   }
 
@@ -223,38 +223,26 @@ ul {
   .quiz-ul li {
     font-size: 1.2rem;
     margin: 1rem 0;
-    width: 60rem;
-    height: 3.7rem;
-    border-radius: 1rem;
-    padding: 1rem;
-    background-color: rgb(214, 219, 248);
   }
 
-  .quiz-ul li:hover{
-    background-color: rgb(179, 188, 255);
-
-  }
-
   .quiz-ul li label {
     cursor: pointer;
   }
 
   button {
     background-color: #242969 ;
     color: #fff;
-    border-radius: 15px;
+    border: none;
     display: block;
-    width: 25%;
+    width: 100%;
     cursor: pointer;
     font-size: 1.1rem;
     font-family: inherit;
-    padding: 1rem;
-    margin-left: 21.8rem;
-    margin-top: 3rem;
+    padding: 1.1rem;
   }
 
   button:hover {
-    background-color:  #2d4ed1;
+    background-color: #732d91;
   }
 
   button:focus {
@@ -350,15 +338,14 @@ ul {
 .max-wrapper{
   background-color:#F0F1FF;
   border-radius: 50%;
-  width:10rem;
-  height:10rem;
+  width:100px;
+  height:100px;
   display: flex;
   justify-content:center;
   align-items: center;
   border : 7px solid #242969;
-  margin-bottom: 6rem;
+  margin-bottom: 20px;
   padding: 5px;
-  font-size: 1.5rem;
 }
 #max-score{
  font-family: 'Poppins', sans-serif;

diff --git a/Pages/Quizes/tests/button-9/style.css b/Pages/Quizes/tests/button-9/style.css
@@ -200,7 +200,7 @@ ul {
     background-color: #F0F1FF;
     border-radius: 10px;
     box-shadow: 0 0 10px 2px rgba(100, 100, 100, 0.1);
-    width: 1000px;
+    width: 500px;
     max-width: 95vw;
     overflow: hidden;
   }
@@ -211,7 +211,7 @@ ul {
 
   h2 {
     padding: 1rem;
-    text-align: left;
+    text-align: center;
     margin: 0;
   }
 
@@ -223,38 +223,26 @@ ul {
   .quiz-ul li {
     font-size: 1.2rem;
     margin: 1rem 0;
-    width: 60rem;
-    height: 3.7rem;
-    border-radius: 1rem;
-    padding: 1rem;
-    background-color: rgb(214, 219, 248);
   }
 
-  .quiz-ul li:hover{
-    background-color: rgb(179, 188, 255);
-
-  }
-
   .quiz-ul li label {
     cursor: pointer;
   }
 
   button {
     background-color: #242969 ;
     color: #fff;
-    border-radius: 15px;
+    border: none;
     display: block;
-    width: 25%;
+    width: 100%;
     cursor: pointer;
     font-size: 1.1rem;
     font-family: inherit;
-    padding: 1rem;
-    margin-left: 21.8rem;
-    margin-top: 3rem;
+    padding: 1.1rem;
   }
 
   button:hover {
-    background-color:  #2d4ed1;
+    background-color: #732d91;
   }
 
   button:focus {
@@ -350,15 +338,14 @@ ul {
 .max-wrapper{
   background-color:#F0F1FF;
   border-radius: 50%;
-  width:10rem;
-  height:10rem;
+  width:100px;
+  height:100px;
   display: flex;
   justify-content:center;
   align-items: center;
   border : 7px solid #242969;
-  margin-bottom: 6rem;
+  margin-bottom: 20px;
   padding: 5px;
-  font-size: 1.5rem;
 }
 #max-score{
  font-family: 'Poppins', sans-serif;