JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sc">
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="row small"><input type="ankit" /></div>
<div class="row small"><input type="text" /></div>
<div class="row small"><input type="text" /></div>
<div class="row small"><input type="text" /></div>
<div class="row small"><input type="text" /></div>
</div>

CSS

.sc
{
    background-color:#dce6f2;
    border:solid 1px #70aef4;
    width:100%;
}
.row
{
    padding-top:20px;
    padding-bottom:20px;
    border:solid 1px #70aef4;
}
.row.small
{
    width:300px;
    margin:0 auto;
    padding:0;
    text-align:center;
}
.row.small input
{
 width:296px;
 padding-top:5px;
 padding-bottom:5px;
}