JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<div class='one'></div>
<div id="movers-row">
    <div><div class='two'></div></div>
    <div><div class='three'></div></div>
    <div><div class='four'></div></div>
</div>

CSS

#movers-row {
    margin: -120px 0 0 120px;
}
#movers-row div {
    width: 33.3%;
    float: left;
}
#movers-row div div {
    float: right;
}

.one {
 width: 50px; 
    height: 50px;
background: #d99;    
}
.two {
 width: 50px;   
    height: 50px;
background: #d99; 
}
.three {
 width: 50px; 
    height: 50px;
background: #d99;   
}
.four {
 width: 50px;   
    height: 50px;
background: #d99; 
}