Made Bill Split Calculator responsive (#1030)

Rakesh9100 · Jun 3, 2024 · 8a0ebc9 · 8a0ebc9
1 parent 8f7b484
commit 8a0ebc9
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/Calculators/Bill-Split-Calculator/style.css b/Calculators/Bill-Split-Calculator/style.css
@@ -126,3 +126,18 @@ input:focus {
     height: 100%;
     background: #495057;
 }
+
+@media (max-width: 600px) {
+    .calculator{
+        padding: 10px;
+        max-width: 300px;
+    }
+    .input {
+        height: 40px;
+        font-size: 18px;
+    }
+    .buttons{
+        height: 40px;
+        font-size: 15px;
+    }
+}