very simple hacked-together auto-completion demo

src/App.css

@@ -0,0 +1,44 @@
+#root {
+  display: grid;
+
+  grid-template-areas:
+    "header header header"
+    "content content content"
+    "footer footer footer";
+
+  grid-template-columns: 200px 1fr 200px;
+  grid-template-rows: auto 1fr auto;
+  /* grid-gap: 10px; */
+
+  height: 100vh;
+}
+
+header {
+  grid-area: header;
+}
+
+nav {
+  grid-area: nav;
+  margin-left: 0.5rem;
+}
+
+main {
+  grid-area: content;
+}
+
+aside {
+  grid-area: side;
+  margin-right: 0.5rem;
+}
+
+footer {
+  text-align: right;
+  grid-area: footer;
+
+  background-color: dodgerblue;
+  color: white;
+}
+
+footer a {
+  color: white;
+}