diff --git a/sass/style.scss b/sass/style.scss index 5120606..4c85d63 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -10,8 +10,11 @@ $width-narrow: ($width-wrap/3)*2; } body { + display: flex; + flex-direction: column; max-width: 60em; width: 100%; + min-height: 100vh; margin: 0 auto; background: #131516; color: #e8e6e3; @@ -79,3 +82,13 @@ body>main { padding: 0; } } + +body>footer { + width: 100%; + padding: 1em; + margin-top: auto; + + @media only screen and (min-width: $width-wrap) { + padding: 1em 0; + } +} diff --git a/templates/base.html b/templates/base.html index f05baa1..a3747e7 100644 --- a/templates/base.html +++ b/templates/base.html @@ -42,4 +42,7 @@ {% endif %} {% endblock content %} +