1
0
Fork 0

Use display: flex; to make the footer always appear at the bottom of the screen

This commit is contained in:
Starbeamrainbowlabs 2017-07-21 21:02:30 +01:00
parent 75da9a779c
commit 543d09b2e8
1 changed files with 59 additions and 56 deletions

View File

@ -8,9 +8,11 @@
--figcaption-bg-position-y: 0.7em;
}
html, body { min-height: 100%; font-size: 100%; }
html, body { min-height: 100vh; font-size: 100%; }
body
{
display: flex;
flex-direction: column;
margin: 0;
font-family: sans-serif;
@ -36,6 +38,7 @@ h1
main
{
flex: 1;
width: 100%;
text-align: center;
line-height: 0.8em;