Don't push footer off page
This commit is contained in:
parent
202f827d57
commit
e62578dc0d
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
|
@ -5,6 +5,12 @@
|
|||
--header-color: #15345b;
|
||||
--header-text-color: #fff;
|
||||
--header-height: 200px;
|
||||
--footer-height: 150px;
|
||||
|
||||
--shadow-color: #999;
|
||||
--light-shadow-color: #CCC;
|
||||
--secondary-text-color: #777;
|
||||
|
||||
|
||||
--shadow-color: #999;
|
||||
--light-shadow-color: #CCC;
|
||||
|
|
|
@ -17,7 +17,7 @@ main {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1em 1em 4em 1em;
|
||||
min-height: calc(100vh - var(--header-height));
|
||||
min-height: calc(100vh - var(--header-height) - var(--footer-height));
|
||||
}
|
||||
|
||||
@media(min-width: 800px) {
|
||||
|
@ -171,6 +171,7 @@ footer {
|
|||
padding: 1em;
|
||||
margin: 0 auto;
|
||||
font-size: .8em;
|
||||
height: var(--footer-height);
|
||||
a:link, a:visited {
|
||||
color: var(--header-text-color);
|
||||
text-decoration: none;
|
||||
|
|
Loading…
Reference in New Issue