JSFiddle - React, Tailwind, and code Playground

by Niklas Keller

HTML

<div id="flex">
    <div id="space"></div>
    <textarea></textarea>
</div>

CSS

#flex {
    display: flex;
    height: 90vh;
    background-color: #f99;
    flex-direction: column;
}
#space {
    background-color: #ff9;
    flex: 2;
}
textarea {
    min-height: 30px;
    max-height: 50vh;
    overflow: auto;
    resize: none;
}