JSFiddle - React, Tailwind, and code Playground

by rocket5tim

HTML

<div id="container">
  <div id="text">
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  </div>
  <div id="render">
  </div>
</div>

CSS

html, body {
  height: 100%;
  margin: 0
}
#container {
  display: flex;
  flex-direction: column;
  height: 50%;
}
#text {
  background-color: #ff0000;
}

#container {
  background-color: #0000ff;
  flex-grow: 1;
}