JSFiddle - React, Tailwind, and code Playground

by Can

HTML

<header>title etc</header>
<div id="content">
      body content
</div>
<footer>copyright etc</footer>

CSS

html, body { 
 height: 100%;
}
header {        
        height: 50px;
        background-color: tomato
}
#content { 
    height: -webkit-calc(100% - 100px); 
    background-color: yellow 
}
footer { height: 50px;
         background-color: grey;
}

JavaScript

alert($('#content').height());