JSFiddle - React, Tailwind, and code Playground

by anmol sandal

HTML

<div class="wrapper">

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

</div>

CSS

body {
  margin:0;
}

JavaScript

var WindowsSize=function(){
    var h=$(window).height(),
        w=$(window).width();
        headerHeight = $('.header').height();
        footerHeight = $('.footer').height();
        h=h-headerHeight-footerHeight;
    $(".content").height(h);
};
$(document).ready(function(){WindowsSize();}); 
$(window).resize(function(){WindowsSize();});