Sticky footer

html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}

Source: css-tricks.com

Position footer to stay at bottom of screen flexbox

/* Use flex and set auto margin */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

Source: wetainment.com

Sticky footer bootstrap 3

<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
</style>

Similar codes

9 votes154 views1 answer
Vevo playlist
CSS
0 vote87 views0 answer
CSS
71 votes91 views17 answers
Box -shadow
CSS
0 vote143 views2 answers
Card css
CSS
0 vote125 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
0 vote131 views1 answer
Unable to select text in website css cursor type
CSS
13 votes132 views2 answers
How to add background in css
CSS
29 votes130 views6 answers
BackgroundImage react
CSS
0 vote129 views1 answer
RROR: PKGBUILD contains CRLF characters and cannot be sourced.
CSS
0 vote122 views1 answer
Back button css
CSS