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

1 vote297 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
37 votes353 views1 answer
Placeholder font size
CSS
12 votes300 views5 answers
How to update the object value of any array key based on value
CSS
15 votes319 views2 answers
Get rid of arrows number input
CSS
0 vote344 views1 answer
@font-face multiple font weights
CSS
1 vote302 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote327 views1 answer
Round image center
CSS
7 votes317 views2 answers
Disable bullets in ul
CSS
0 vote326 views1 answer
Setting size for png icon in CSS
CSS
1 vote342 views1 answer
How to do a smooth transform scale
CSS