Pages (like this) with very little content should still have a footer at the bottom of the page rather than right underneath the end of the content.
This is implemented by using the <body>
tag as a parent element with display: flex
and then <header>
, <main>
and <footer>
as child elements. The <main>
element gets flex: 1
which makes the main content area expand to fill space as needed.
more sticky footer info - http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs