Skip to content

Instantly share code, notes, and snippets.

@vatz88

vatz88/StickyFooter.css

Created October 28, 2016 09:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vatz88/e324d42ec73416a2ef74171c2f4cbf26 to your computer and use it in GitHub Desktop.
Save vatz88/e324d42ec73416a2ef74171c2f4cbf26 to your computer and use it in GitHub Desktop.
Download ZIP
CSS for sticky footer
Raw
StickyFooter.css
/* A sticky footer always stays on the bottom of the page regardless of how little content is on the page. */
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
/* Source: http://materializecss.com/footer.html */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment