made the app more responsive for all screen sizes

isaiahthedev · Jan 27, 2024 · 706c557 · 706c557
1 parent 0070b98
commit 706c557
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/style.css b/style.css
@@ -16,16 +16,18 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
+    height: 100vh;
 }
 #bmi-container {
     border-radius: 15px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
-    height: 750px;
+    min-height: 640px;
+    max-height: 700px;
+    height: 100vh;
     max-width: 500px;
     background: #0a0e21;
-    margin-top: 5px;
 }
 #bmi-title {
     color: white;