JSFiddle - React, Tailwind, and code Playground

by rohitazad

HTML

<div class="parent">
    <div class="child">one hello </div>
    <div class="child">one hello </div>
    <div class="child">one hello </div>
    <div class="child">one hello </div>
    <div class="child">one hello </div>
    <div class="child">one hello </div>
    <div class="child">one hello </div>
 

</div>

CSS

.parent{
    margin:0 auto;
    overflow:hidden;
    width:60%;
    border:solid 4px green;
    background:yellow;
}


.child{
float:left;
    width:18%;
    background:red;
    margin:1%;
    min-height:125px;
}