pixel-d
12/18/2017 - 8:11 PM

Flexbox Sticky Footer

Implemented on Communications Cold Lake for a sticky footer + CTA

flexbox-sticky-footer.css
content_copyfile_download
body {
  min-height: 100vh;
}
 
body {
  display: flex;
  flex-direction: column;
}
 
#main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 0 auto;
}