alignment of language and pricing section in dark mode

anuragverma108 · May 26, 2024 · ee994dc · ee994dc
1 parent 27f63e4
commit ee994dc
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 10 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -2714,4 +2714,24 @@ select {
   .book-image.dark-mode {
       border: 1px solid #ffffff;
   }
-
+
+.cardo{
+  height: 28rem;
+}
+.pricing-card{
+  height :70rem
+}
+.card-title{
+  padding: 2px;
+}
+
+@media(max-width:300px){
+  .cardo{
+    height: fit-content;
+  }
+}
+@media(max-width:770px){
+  .pricing-card{
+    height: fit-content;
+  }
+}
diff --git a/assets/html/index.html b/assets/html/index.html
@@ -576,7 +576,7 @@ <h2 class="h2 section-title has-underline">
 
           <ul class="grid-list">
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>09. &nbsp;Romantic Escapes</h3>
@@ -603,7 +603,7 @@ <h3 class="h3 card-title">Romantic Escapes</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>02. &nbsp;Thrilling Adventures</h3>
@@ -628,7 +628,7 @@ <h3 class="h3 card-title">Thrilling Adventures</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>03. &nbsp;Mindful Living</h3>
@@ -655,7 +655,7 @@ <h3 class="h3 card-title">Mindful Living</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>04. &nbsp;Mystical Fantasies</h3>
@@ -680,7 +680,7 @@ <h3 class="h3 card-title">Mystical Fantasies</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>05. &nbsp;Historical Chronicles</h3>
@@ -707,7 +707,7 @@ <h3 class="h3 card-title">Historical Chronicles</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>06. &nbsp;Science Fiction Wonders</h3>
@@ -732,7 +732,7 @@ <h3 class="h3 card-title">Science Fiction Wonders</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>07. &nbsp;Laugh Out Loud Comedy</h3>
@@ -759,7 +759,7 @@ <h3 class="h3 card-title">Laugh Out Loud Comedy</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>08. &nbsp;Intriguing Mysteries</h3>
@@ -784,7 +784,7 @@ <h3 class="h3 card-title">Intriguing Mysteries</h3>
               </div> -->
             </li>
 
-            <li>
+            <li class = "gird-list-container">
 
               <a class="cardo" href="#">
                 <h3>09. &nbsp;Inspiring Biographies</h3>