JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ctn">
    <div class="sch-ctn">

        <!-- Search form -->
        <input />

    </div>
</div>

CSS

html, body {
    height: 100%;
    overflow: hidden;
    background-color: #808080;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ctn {
    width: 100%;
//    height: 100%;
}

.ctn .sch-ctn {
    width: 100%;
    height: 3.703703704%;
    background-color: #b6ff00;
    float: left;
    padding-top: 2.314814815%;
    padding-bottom: 2.314814815%;
}