Fixed CSS of website in mobile page view

shruti110503 · Jun 16, 2024 · 1720415 · 1720415
1 parent fb8bdb2
commit 1720415
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -3492,3 +3492,43 @@ body.dark-mode .h3 {
   }
   
 } */
+
+@media (max-width: 768px) {
+  .icons {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 1rem;
+  }
+  .icons .icon {
+    margin: 0 0.5rem;
+  }
+  #benefits {
+    padding: 1rem;
+    padding-top: 1311px
+  }
+  #genre{
+    padding-top: 1100px;
+  }
+  #chapters{
+    padding-top: 3500px;
+  }
+  #preview{ 
+    padding-top: 2000px;
+  }
+  #contact{
+    padding-top: 2500px;
+    padding-bottom: 500px;
+  }
+  .hero .container{
+    flex-wrap: nowrap;
+  }
+  #home{
+    padding-top: 600px;
+    padding-bottom: 300px;
+  }
+  .header .container{
+    padding: 0;
+    height: 60px;
+  }
+}