JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output"><span>Response</span></div>
<div id="bottom">
    <span id="path">/home/users/me/</span>
    <span id="input"><input type="text" id="input_field" /></span>
</div>

CSS

*{
    margin:0px;
    padding:0px; 
}
html, body {
    height:100%; 
}
body {
    background: black;
    color: white;
    font-family: monospace;
    font-size:0;
}
div#output {
    height:calc(100% - 40px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding:5px;
    font-size:14px;
}
div#bottom{
    height:30px;
    line-height:30px;
    font-size:14px;
}