diff --git a/assets/css/main.css b/assets/css/main.css
index 815dacf..b4388d1 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -19,10 +19,15 @@ header {
margin-bottom: 25px;
padding: 10px;
}
+#container {
+ position: relative;
+ height: 600px;
+ overflow: hidden;
+}
#codeContainer {
display: inline-block;
width: 50%;
- height: 500px;
+ height: calc(100% - 50px);
vertical-align: top;
}
#code {
@@ -35,7 +40,7 @@ header {
display: block;
width: 100%;
border: none;
- line-height: 3rem;
+ height: 50px;
transition: 0.3s;
}
#runBtn:hover {
@@ -47,7 +52,7 @@ header {
display: inline-block;
background-color: #303030;
width: 50%;
- height: 500px;
+ height: calc(100% - 50px);
vertical-align: top;
overflow: auto;
}
diff --git a/js.html b/js.html
index 00fc728..3d730bd 100644
--- a/js.html
+++ b/js.html
@@ -10,10 +10,12 @@
Javascript Playground