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

0 vote106 views1 answer
Css table th width
CSS
-2 votes108 views1 answer
Media queries iphone 11
CSS
0 vote100 views1 answer
Bootstrap accessibility
CSS Bootstrap
1 vote96 views1 answer
Ul remove dots
CSS
8 votes89 views2 answers
How to rotate picture to the right in css
CSS
17 votes126 views3 answers
Css hover mouse hand
CSS
19 votes113 views5 answers
Css opacity background color
CSS
96 votes140 views2 answers
How to position in css
CSS
0 vote94 views1 answer
Import custom font
CSS
6 votes101 views1 answer
Hidden vs visible
CSS