add and style footer, keep footer always on bottom of the viewport

2017-09-26 17:59:56 +02:00
parent 500b103c03
commit ceca213bfe
8 changed files with 339 additions and 117 deletions
--- a/assets/stylesheets/global.css
+++ b/assets/stylesheets/global.css
@@ -6,6 +6,21 @@ body {
  line-height: var(--line-height);
 }

+#main {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+#main__header {
+  flex: 0 0 auto;
+}
+#main__content {
+  flex: 1 0 auto;
+}
+#main__footer {
+  flex: 0 0 auto;
+}
+
 .wrapper {
  max-width: 1024px;
  margin: 0 auto;