Forced footer to always be at the bottom of the window.
This commit is contained in:
parent
4ea2ec8d50
commit
34741dc5db
10
css/main.css
10
css/main.css
@ -1,14 +1,20 @@
|
|||||||
body {
|
body {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
color: #212121;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
|
font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
height: 100vh;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
color: #212121;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
}
|
}
|
||||||
|
body > section:last-of-type {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
|
Loading…
Reference in New Issue
Block a user