JSFiddle - React, Tailwind, and code Playground

by stevenkaspar

HTML

<div id='header'>
  header
  <p>
    another line
  </p>
</div>
<div id='container'>
  container
</div>

CSS

* {margin: 0; padding: 0;}
#header {}

#container {
  background: aliceblue;
}

JavaScript

setInterval(function() {
  var windwow_height = window.innerHeight;
  //var footer_height = window.innerHeight - document.getElementById('fixedFooter').offsetHeight;
  var header_height = document.getElementById('header').offsetHeight;
  var container_height = windwow_height - (header_height);

  document.getElementById('container').style.height = container_height + 'px';
}, 500)