JSFiddle - React, Tailwind, and code Playground

by ChangJoo Park

HTML

<div style="display: flex; flex-direction: column; height: 100%;">
  <div style="flex: 1; background: white;">
    
  </div>
  <div style="flex: 4; background: black;">
    
  </div>
</div>

CSS

html, body {
  height: 100vh;
  margin: 0;
  padding: 0;
}