Footer not at the bottom

footer is at the top of the page with color black
https://codepen.io/Esther-Itolima/full/PRrYPb/

@Esetessy,
the CSS rule for your footer is:

footer{
  background-color: #000;
  text-align: center;
}

How do you want it to be at the bottom if you don’t set it to be at the bottom? Creating a footer element doesn’t make the browser set it to the bottom.

footer{
  background-color: #000;
  text-align: center;
  position: fixed;
  bottom:0px;
  height: 50px;
  width: 100%;
}