improve UI

cnkang · Aug 19, 2024 · 6688ead · 6688ead
1 parent dba9a2d
commit 6688ead
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/App.css b/src/App.css
@@ -10,6 +10,13 @@
   ul li {
     font-size: 0.9rem;
   }
+
+  .operations-container,
+  .range-container,
+  .result-container,
+  .operands-container {
+    flex-direction: column;
+  }
 }
 
 @media (max-width: 480px) {
@@ -137,7 +144,10 @@ form {
   justify-content: space-between;
 }
 
-.operations-container, .range-container, .result-container, .operands-container {
+.operations-container,
+.range-container,
+.result-container,
+.operands-container {
   display: flex;
   gap: 5px;
 }
@@ -147,9 +157,3 @@ form {
   color: #333333;
   padding: 5px;
 }
-
-@media (max-width: 768px) {
-  .operations-container, .range-container, .result-container, .operands-container {
-    flex-direction: column;
-  }
-}