JSFiddle - React, Tailwind, and code Playground

by il kamil

HTML

<div id="header">
    <p>Header</p>
    <p>Some text</p>
</div>
<div id="main">Content</div>

CSS

#header {
    background:#333;
    color:#FFF;
    width:100%;
    float:left;
    text-align:center;
}
#main {
background:green;
    color:#FFF;
    width:100%;
    float:left;
    text-align:center;
}

JavaScript

var winHeight = $(window).height();
var headHeight = $("#header").height();

$("#main").height(winHeight-headHeight);