JSFiddle - React, Tailwind, and code Playground

by brian428

HTML

<div class="flex-container-vertical" style="height: 200px; border: 2px solid blue">
  <div style="height: calc(100vh - 10px); border: 2px solid red">
  </div>
</div>
<br/>
<div style="height: 200px; border: 2px solid blue">
  <div style="height: calc(100vh - 10px); border: 2px solid red">
  </div>
</div>

CSS

.flex-container-vertical {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  width: 100%;
  flex: 1;
}