Push footer to bottom of the page

Now the <footer> is pushed to the bottom of the page
when the icons don't fill up the screen.
This commit is contained in:
Eric Cornelissen 2017-09-17 17:58:41 +02:00
parent 07baee49d8
commit 6991beae11

View file

@ -160,6 +160,7 @@
:root {
font-size: 100%;
height: 100%;
}
a {
@ -172,9 +173,12 @@
body {
background-color: #FFFFFF;
display: flex;
flex-direction: column;
color: #263238;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 0.875rem;
height: 100%;
line-height: 1.5rem;
margin: 0;
}
@ -222,6 +226,7 @@
.footer {
background-color: #EEE;
margin-top: auto;
padding: 1.5rem;
}
@media (min-width: 45rem) {