JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<body>
  <div class="wrapper">
    <p>our dashboard goes here</p>
    <div class="push">i am a pusher</div>
  </div>
  <div class="footer">
    <p>footer</p>
  </div>
</body>

CSS

* {
    margin: 0;
    }
    html, body {
    height: 100%;
    }
    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
    }
    .footer, .push {
    height: 4em;
    background-color:red
    }

.footer,
.push {
  clear: both;
}

    form {
        height: 100%;
    }