JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="header"> HEADER </div>
  <div class="content"> 
    <button> START </button>
  </div>
  <div class="footer"> AUTHOR </div>
</div>

SCSS

.header {
  height: 30vh;
  border-bottom: 1px solid #000;
}

.content {
  height: 60vh;
}

.footer {
  heigth: 10vh;
  border-top: 1px solid #000;
}