:snakes: Fixed small phone ui issue

abhishek-sanwal · Oct 6, 2024 · 3e2e528 · 3e2e528
1 parent d17fcd2
commit 3e2e528
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/assets/css/media-queris.css b/assets/css/media-queris.css
@@ -301,8 +301,25 @@
   }
 }
 
+/* Below 384 px */
 @media screen and (width <=24em) {
+  html {
+    font-size: 45%;
+  }
   .btn-container {
     flex-direction: column;
   }
+  .featured-image {
+    height: 0.8rem;
+  }
+}
+
+/* Below 300px */
+@media screen and (width <= 18rem) {
+  .diet-class .diet-item {
+    flex-wrap: wrap;
+  }
+  html {
+    font-size: 37.5%;
+  }
 }