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