JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<div style="height:50px;width:400px;">
    <div style="float:left;position:relative;background-color:gray;height:50px;width:100px;"></div>
    <div  style="float:left;position:relative;background-color:red;height:50px;width:100px;" ></div>
    <div  style="float:left;position:relative;background-color:green;height:50px;width:100px;"></div>
    <div  style="float:left;position:relative;background-color:blue;height:50px;width:100px;"></div>
</div>
<div style="height:50px;width:300px;">
     <div style="float:left;position:relative;background-color:lightgreen;height:50px;width:100px;"></div>
    <div  style="float:left;position:relative;background-color:yellow;height:50px;width:100px;" ></div>
    <div  style="float:left;position:relative;background-color:lightgray;height:50px;width:100px;"></div>
</div>
<div style="height:50px;width:200px;">
        <div  style="float:left;position:relative;background-color:red;height:50px;width:100px;" ></div>
    <div  style="float:left;position:relative;background-color:green;height:50px;width:100px;"></div>
</div>
<div style="height:50px;width:100px;">
     <div  style="float:left;position:relative;background-color:blue;height:50px;width:100px;"></div> 
</div>