JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <footer>Хедер в теге футер</footer>
  <section>
  контент
  </section>
  <header>футер в теге хедер</header>
</div>

CSS

.container{
  background: #fff;
  width: 500px;
  padding: 20px;
}
footer{
  background: blue;
}
section{
  background: red;
}
header{
  background: green;
}