Footer fixed to bottom

Full css solution, super easy and simple, by mysterty

HTML

<html>
  <body>
    <header>
      <h1>Mysterty propose un super site</h1>
    </header>
    <main>
      <p>
        voilà notre super site, merci Mysterty
      </p>
    </main>
    <footer>
      <p>
        et le footer fixé en bas
      </p>
      <p>
        fourni par <a href="https://www.mysterty.com/" title="mysterty, développeur web">notre partenaire</a>
      </p>
    </footer>
  </body>
</html>

CSS

* {
  margin: 0;
  padding: 1rem;
}
html, body {
  padding: 0;
}
body {
  background-color: #353f33;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
header {
  background-color: #2bbbad;
}

main {
  background-color: #ffa726;
}

footer {
  margin-top: auto;
  background-color: #5c6bc0;
}