JSFiddle - React, Tailwind, and code Playground

HTML

<header></header>
<main>Если ничего не ввести, то не отображается даже при заданной высоте. </main>
<footer></footer>

CSS

header{
  height: 50px;
  width: 100%;
  background: #F5A9A9;
}

main{
  //display: block; // Кроссбраузерность для IE
  height: 150px;
  width: 100%;
  background: #F5F6CE;
}

footer{
  height: 50px;
  width: 100%;
  background: #E0F8E6;
}