made calculator responsive

Eien2 · Aug 20, 2024 · 63111bd · 63111bd
1 parent 31c0695
commit 63111bd
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/Styles/calculator.css b/Styles/calculator.css
@@ -115,3 +115,14 @@
   font-size: 1.2rem;
   font-family: var(--calculator-font);
 }
+
+@media (max-width: 1000px) {
+  .calculator {
+    flex-direction: column;
+  }
+
+  .history {
+    margin-left: 0;
+    margin-top: 50px;
+  }
+}