[Rev] Styling and responsivness

Telecom-Etude · Apr 16, 2024 · e7042b9 · e7042b9
1 parent 60998ac
commit e7042b9
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -165,16 +165,19 @@
   }
   .result {
     display: flex;
+    flex-direction: row;
   }
   .result > * {
     flex: 0.5;
     vertical-align: middle;
+    margin: 20px;
   }
   textarea {
     font-size: 8px;
     text-align: left;
     height: 300px;
-    width: 100%;
+    width: calc(100% - 40px);
+    border: 2px solid black;
   }
   .form {
     text-align: center;
@@ -183,7 +186,7 @@
     margin: 0 auto;
   }
 
-  @media screen and (max-width: 512px) {
+  @media screen and (max-width: 720px) {
     .result {
       display: block;
     }