add grid

style.css

@@ -4,6 +4,7 @@
     margin: 0;
     font-family: "Fira Code VF", monospace;
     line-height: 1.5;
+    font-size: 0.94rem;
 }
 
 html,
@@ -138,4 +139,36 @@ button.submit:active {
 
 .module {
   background-color: #ede2fe;
+}
+
+.module {
+  background-color: #ede2fe;
+  /* margin: rem; */
+}
+
+.grid-container {
+  min-height: 100vh;
+  display: grid;
+  grid-template-areas:
+    "top"
+    "left"
+    "right"
+    "footer";     
+  gap: 1rem;
+}
+
+#introDiv {
+  grid-area: "top"
+}
+
+#instructDiv {
+  grid-area: "left";
+}
+
+#inputDiv {
+  grid-area: "right";
+}
+
+#outputDiv {
+  grid-area: "bottom";
 }