JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>

CSS

html,body {
    height: 100%;
}
body{
  margin: 0;
  background-color: #ffffff;
  position: relative;
}
.header{
  background-color: #1272AC;
  height: 70px;
  width: 100%;
}
.content{
  background-color: #c1c1c1;
  width: 100%;
  height: 100%;
  box-sizing: padding-box;
}
.footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #83B6CD;
}