JSFiddle - React, Tailwind, and code Playground

by 3gwebtrain

HTML

<div class="wrapp">
  <header>asfsdf</header>
  <section>sfasfsdf</section>
  <footer>footer</footer>
</div>

CSS

html,body{
  height:100%;
}

div.wrapper{
  display:flex;
  height:100%;
  flex-flow: column wrap;
  border:2px solid blue;
}

header{
  flex:1;
  width:100%;
  border:1px solid red;
}

section{
  flex:1;
  height:100%;
}

footer{
  flex:1;
  width:100%;
}