JSFiddle - React, Tailwind, and code Playground

by zono

HTML

<div id="itemsHolder">
    <div class="floatingItem">
         Div 1
    </div>
    <div class="floatingItem">
         Div 2
    </div>
    <div class="floatingItem">
         Div 3
    </div>
</div>

CSS

html, body {
     width:100%; 
     height:100%; 
}

#itemsHolder {
     width:300%; 
     height:100%; 
     left:-100%;
}

.floatingItem {
    float: left;
    width: 33.3%;
    height: 100%;
}