styling changes

styles/style.css

@@ -7,15 +7,15 @@ html, body {
 
 #grid-container {
   display: grid;
-  grid-template-columns: auto auto;
+  grid-template-columns: 50vw 50vw;
   height: 100vh;
   width: 100vw;
 }
 
 .section {
   padding: 17px;
-  height: 100%;
+  height: 100vh;
-  width: 49vw;
+  width: 100%;
   box-sizing: border-box;
 }
 
@@ -42,6 +42,8 @@ html, body {
 }
 
 #rendered-text {
+  height: 100%;
+  overflow-y: scroll;
   padding: 5px;
   word-break: break-word;
   font-family: Arial, sans-serif;
@@ -84,4 +86,16 @@ html, body {
   .mobile-only {
     display: block;
   }
+
+  #grid-container {
+    grid-template-columns: auto;
+  }
+
+  .section {
+    height: 60vh;
+  }
+
+  #see-docs {
+    float: initial;
+  }
 }