JSFiddle - React, Tailwind, and code Playground

by otinanaipali

HTML

<html>

  <body>
    <div class="container">
      <div class="header">
        Header
      </div>
      <div class="content">
        Content
      </div>
      <div class="footer">
        Footer
      </div>
    </div>
  </body>

</html>

CSS

html,
body,
.container {
  height: 100%;
  background-color: yellow;
}

.container {
  position: relative;
  display: table;
  width: 100%;
}

.content {
  background-color: #fc0;
}

.header {
  height: 80px;
  background-color: red;
}

.footer {
  height: 80px;
  background-color: green;
}

.content,
.header,
.footer {
  display: table-row;
}