diff --git a/app/assets/sass/base/_global.scss b/app/assets/sass/base/_global.scss index a507247..aa9f68b 100644 --- a/app/assets/sass/base/_global.scss +++ b/app/assets/sass/base/_global.scss @@ -1,5 +1,6 @@ -html { - position: relative; - min-height: 100%; +body { + display: flex; + flex-direction: column; + min-height: 100vh; } diff --git a/app/assets/sass/layout/_sections.scss b/app/assets/sass/layout/_sections.scss index cfbb55a..a9e6b83 100644 --- a/app/assets/sass/layout/_sections.scss +++ b/app/assets/sass/layout/_sections.scss @@ -23,7 +23,7 @@ .content-section { @extend .container; - margin-bottom: $footer-height; + flex: 1 0 auto; } @@ -33,8 +33,6 @@ .footer-section { - position: absolute; - bottom: 0; width: 100%; color: $footer-text-color; border-top: 1px solid #bcbcbc;