Sticky footer with dynmaic height using flexbox
This commit is contained in:
parent
c6637b0a79
commit
9ffa13539f
1 changed files with 9 additions and 1 deletions
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue