tjunussov · March 1, 2023 09:03
diff --git a/Flex Footer Centering b/Flex Footer Centering
 https://wetainment.com/articles/sticky-html-footer/

 `<!DOCTYPE html>
 <html>
  <head>
    <title>Sticky Footer</title>
    <meta charset="UTF-8" />
 <style>
 /* Use flex and set auto margin */
 body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
 }

 footer {
  margin-top: auto;
 }
 </style>
  </head>

  <body>
    <section>
      <h1>🔥Hello Footer down there🔥</h1>
      <p>
        ⬇️This content does not fill a whole page height. The footer belongs
        down there. ⬇️
      </p>
    </section>
    <footer>🔥I'm the footer. My margin pushes me down.🔥</footer>
  </body>
 </html>`