fix: fix layout on mobile

sicamp · Jun 1, 2024 · b4bcd0d · b4bcd0d
1 parent 3df9201
commit b4bcd0d
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/style.css b/src/style.css
@@ -14,13 +14,23 @@ body {
 
 #app {
     display: flex;
+    flex-direction: column;
 }
 
 .settings {
     padding: var(--content-gap);
     display: flex;
     flex-direction: column;
-    width: 400px;
+}
+
+@media screen and (min-width: 800px) {
+    #app {
+        flex-direction: row;
+    }
+
+    .settings {
+        width: 400px;
+    }
 }
 
 label {