JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <input type="text" class="input">
</div>

CSS

html,body{
    width: 100%;
    height: 100%;
}

.box{
    background: black;
    width: 100%;
    height: 5%;
}

.input{
    width: 33.3%;
    height: 80%;
}