display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 100vh;
      

Adding the above CSS code to the container of the content and footer makes the footer to be at the bottom of the page always
May be the content is short to cover the page or the content is large, in any case the footer always stays at the bottom

You can find the code of this footer here