Make the footer stick to bottom

Currently, the footer doesn't stick to the bottom of the viewport when the page content is small. This fixes the issue by making the <main> element fill the remaining space
This commit is contained in:
Sodbileg Gansukh 2021-05-10 14:20:40 +08:00
parent 5013c91f1a
commit 5adeaa458b
3 changed files with 6 additions and 2 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -68,6 +68,10 @@ production stylesheet in assets/built/screen.css
min-height: 100vh; min-height: 100vh;
} }
.viewport > main {
flex-grow: 1;
}
/* Full width page blocks */ /* Full width page blocks */
.outer { .outer {
position: relative; position: relative;