JSFiddle - React, Tailwind, and code Playground

by digitalzebra

HTML

<div id="container">
    <div id="up">Text<br />Text<br />Text<br /></div>
    <div id="down">Text<br />Text<br />Text<br /></div>
</div>

CSS

#container { width: 300px; height: 100%; border:1px solid red; display: table;}
#up { background: green; display: table-row; height: 100px }
#down { background:pink; display: table-row;}
body,html { height: 100%; }