updating layout

6 years ago · 8287726825
2 changed files with 28 additions and 0 deletions
--- a/dist/index.html
+++ b/dist/index.html
@ -35,6 +35,20 @@
    padding: 8px;
    font-size: 2rem;
  }
+
+  @media (min-width: 768px) and (max-width: 1024px) {
+    .demo__repl {
+      flex-direction: column;
+    }
+
+    .textarea.textbox {
+      min-height: 279px;
+    }
+
+    .output {
+      min-height: 100px;
+    }
+  }
 </style>

 <body>
--- a/index.html
+++ b/index.html
@ -35,6 +35,20 @@
    padding: 8px;
    font-size: 2rem;
  }
+
+  @media (min-width: 768px) and (max-width: 1024px) {
+    .demo__repl {
+      flex-direction: column;
+    }
+
+    .textarea.textbox {
+      min-height: 279px;
+    }
+
+    .output {
+      min-height: 100px;
+    }
+  }
 </style>

 <body>