Footer positioning

This commit is contained in:
Oskar Winkels 2020-01-15 18:28:08 +01:00 committed by Oskar
parent 58118abb77
commit ca1c9e1233
1 changed files with 12 additions and 1 deletions

View File

@ -3,8 +3,13 @@
}
html, body {
position: absolute;
font-family: sans-serif;
font-size: 20px;
width: 100vw;
min-height: 100vh;
margin: 0;
padding: 0;
}
header, footer {
@ -13,7 +18,12 @@ header, footer {
}
footer {
color: #888;
position: absolute;
bottom: 0;
width: 100vw;
height: 64px;
padding: 16px 0;
color: #999;
}
main {
@ -22,6 +32,7 @@ main {
width: 100%;
max-width: 700px;
margin: 42px auto;
padding-bottom: 46px; /* Footer height */
text-align: center;
}