JSFiddle - React, Tailwind, and code Playground

by silviapan

HTML

<html>
  <body>
    <main>
      Placeholder to force scroll
      <br>
      Scroll to see effect of fixed position
    </main>
    <footer>
      Footer - fixed on bottom
    </footer>
  </body>
</html>

CSS

body {
  margin: 0;
  font-family: Arial, sans-serif;
  border: 1px solid #0089dd;
}

main {
  height: 120vh;
}

footer {
  position: fixed;
  bottom: 0;
  border: 1px solid #dd001b;
}