ensure the footer is always at the bottom of the screen

pietroalbini · pietroalbini · commit ccc873832d01 · 2018-11-30T00:24:31.000+01:00
diff --git a/src/styles/app.scss b/src/styles/app.scss
@@ -12,6 +12,14 @@ $yellow: #FECD2F;
 body {
   font-family: $body-font;
   background-color: white;
+
+  /* Ensure the footer is always at the bottom of the screen */
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  & > #main-content {
+      flex: 1;
+  }
 }
 
 #ferris img {
diff --git a/templates/layout.hbs b/templates/layout.hbs
@@ -48,7 +48,9 @@
   </head>
   <body>
     {{> nav}}
-    {{~> page}}
+    <div id="main-content">
+        {{~> page}}
+    </div>
     {{> footer}}
   </body>
 </html>
