Fixing Footer at The Bottom Of Website

As a novice developer, facing problems while designing a web page is a common thing. One is setting the footer at the bottom of the page.

If the footer part is under the element <footer></footer> in the HTML, the following set up in the CSS file will be enough to make a perfect responsive footer for a webpage.

footer {
  color: rgb(xx, xx, xx);
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 1rem;
  padding: 1vw 1rem;
  background-color:lightyellow;
  margin: 0 auto;
  font-family: "Lato", sans-serif;
}