Footer positioning
This commit is contained in:
parent
58118abb77
commit
ca1c9e1233
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue