diff --git a/src/App.css b/src/App.css index b8cfe0a..5ea89c8 100644 --- 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; - } -}