responsivenes

Author: RadonCoding

src/style.css

@@ -180,9 +180,9 @@ main {
 }
 
 .compiler-io {
+  flex-grow: 1;
   display: flex;
   flex-direction: column;
-  flex-grow: 1;
   overflow: hidden;
 }
 
@@ -200,10 +200,15 @@ main {
   background-color: var(--bg-tertiary);
 }
 
+#compiler-input {
+  flex-grow: 1;
+  flex: 6 1 0;
+}
+
 .output-section {
   display: flex;
   flex-direction: column;
-  flex: 0 0 30vh;
+  flex: 4 1 0;
   transition: flex-basis 0.3s ease;
   overflow: auto;
 }
@@ -258,15 +263,7 @@ main {
   pointer-events: none;
 }
 
-#compiler-input {
-  flex-grow: 1;
-}
-
 @media (max-width: 1080px) {
-  .compiler-io {
-    flex-direction: row;
-  }
-
   .portfolio {
     flex: 4 1 0;
   }
@@ -279,15 +276,6 @@ main {
   #compiler-input {
     flex: 6 1 0;
   }
-
-  .output-section {
-    flex: 4 1 0;
-    min-height: 40vh;
-  }
-
-  .toggle {
-    visibility: hidden;
-  }
 }
 
 #error-tooltip {