Some layout progress.

pages/index.vue

@@ -1,5 +1,13 @@
 <template>
-  <Tutorial />
+  <div class="gridcontainer container mx-auto bg-red-500">
+    <header>
+        I'm a header. Check this box
+    </header>
+    <TabNav/>
+    <footer>
+        This is a game jam game.
+    </footer>
+  </div>
 </template>
 
 <script>
@@ -7,3 +15,22 @@ export default {
   name: 'IndexPage',
 }
 </script>
+
+<style scoped>
+.gridcontainer {
+    display: grid | inline-grid;
+}
+
+header {
+    grid-row: 1;
+}
+
+.gridcenter {
+    grid-row: 2;
+}
+
+footer {
+    grid-row: 3;
+}
+
+</style>