JSFiddle - React, Tailwind, and code Playground

by Vinay Pratap Singh Bhadauria

HTML

<div id="parent">
    <!--<div class="child">Item1</div>-->
    <div class="child">Item1</div>
    <div class="child">Item1></div>
    <div class="child">Item1</div>
</div>

CSS

html,body
{
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
}
#parent {
    height:100%;
    width:100%;
    display:block;
    box-sizing: border-box;
}
.child
{
    height:25%;
    width:100%;
    background-color:blue;
    text-align:center;
    vertical-align: middle;
    border: 1px solid red;
}