Sticky footer with dynmaic height using flexbox

This commit is contained in:
Michael Romero 2017-06-06 23:32:03 -07:00
commit 9ffa13539f

View file

@ -1,4 +1,7 @@
/* --- General --- */
html, body {
height: 100%;
}
body {
font-family: 'Lora', 'Times New Roman', serif;
@ -6,6 +9,11 @@ body {
color: #404040;
position: relative;
background: #FFF;
display: flex;
flex-flow: column;
}
.container[role=main] {
margin-bottom:50px;
}
p {
line-height: 1.5;
@ -259,7 +267,7 @@ footer {
padding: 30px 0;
background: #F5F5F5;
border-top: 1px #EAEAEA solid;
margin-top: 50px;
margin-top: auto;
font-size: 14px;
}