JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<nav></nav>
<main></main>
<footer>
  <p>
    some content
  </p>
  <p>
    some content
  </p>
  <p>
    some content
  </p>
</footer>

CSS

html, body {
  margin: 0;
  height: 100%;
  background: #eee;
}

nav {
  background: white;
  height: 50px;
  border-bottom: 1px solid #ddd;
}

main {
  background: white;
  height: 600px;
  
}

footer {
  
  border-top: 1px solid #ddd;
  background: #eee;
}