JSFiddle - React, Tailwind, and code Playground

by Cristian Marcel

HTML

<body class="Site">
  <header></header>
  <main class="Site-content">This is the content of site</main>
  <footer>This is the footer</footer>
</body>

CSS

body {
    margin: 0;
}
.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}
footer{
    background: red;
}