From e330765563d4dbdd9a432f331839c136a6b1d4ad Mon Sep 17 00:00:00 2001 From: Alexandre Iooss Date: Thu, 1 Apr 2021 09:26:15 +0200 Subject: [PATCH] Use column flexbox on mainpage This removes the need to hardcode the footer height in a CSS calc(). --- static/mainpage.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/static/mainpage.css b/static/mainpage.css index 14b891c..4c38e1c 100644 --- a/static/mainpage.css +++ b/static/mainpage.css @@ -1,3 +1,9 @@ +body { + /* Used to move footer at bottom of the page */ + display: flex; + flex-direction: column; +} + .groups { } @@ -10,7 +16,7 @@ } .home { - height: calc(100vh - 50px); + margin-bottom: auto; padding: 1.875rem; }