pin footer at the bottom of the viewport, resolves #26

This commit is contained in:
meeb 2021-01-20 17:42:16 +11:00
parent d553d58fde
commit 4ebe6f2a37
2 changed files with 35 additions and 24 deletions

View File

@ -5,6 +5,13 @@ html {
color: $text-colour;
}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
}
header {
background-color: $header-background-colour;

View File

@ -16,6 +16,8 @@
<body>
<div class="app">
<header>
<div class="container">
<a href="{% url 'sync:dashboard' %}">
@ -43,6 +45,8 @@
</div>
</main>
</div>
<footer>
<div class="container">
<p>