Skip to content

Instantly share code, notes, and snippets.

@yratof
Created June 3, 2016 08:19
Show Gist options
  • Save yratof/514c4e7824e9f42415fa37877ff38cd4 to your computer and use it in GitHub Desktop.
Save yratof/514c4e7824e9f42415fa37877ff38cd4 to your computer and use it in GitHub Desktop.
Sticky footer
/* Sticky Footer */
html.flexbox {
body {
min-height: 100vh; // At least the height of the browser
display: flex; // Flex enabled
flex-direction: column; // Verticle layout
// Push the container to the height of the browser
.container { flex: 1; } // Flex grow pushes the container to the height of the parent
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment