Don't push footer off page

This commit is contained in:
Trevor Vallender 2024-06-29 09:07:21 +01:00
parent 202f827d57
commit e62578dc0d
3 changed files with 8 additions and 1 deletions

BIN
app/assets/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -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;

View File

@ -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;