JSFiddle - React, Tailwind, and code Playground

HTML

<div id="height">
  
  </div><div id="container" style="min-height:100vh">
  <div class="child" style="height:100%">
    <div class="another-child">
      <p>Some text here</p>
    </div>
    <div class="another-child">
      <p>Some text here</p>
    </div>
  </div>

CSS

#container{
  border: red 1px solid;
}

JavaScript

var h = $('#container').height();
var iH = $('#container').innerHeight();
var oH = $('#container').outerHeight();
$('#height').append('<p>height: ' + h + ', inner Height: ' + iH + ', outer Height: ' + oH + '</p>');