JSFiddle - React, Tailwind, and code Playground

HTML

<div id="columns">
    <div id="wrap">
        <div class="col"></div>
        <div class="col"></div>
        <div class="col"></div>
        <div class="col"></div>
        <div class="col"></div>
        <div class="col"></div>    
    </div>
</div>

CSS

#columns {
   width: 600px;
   overflow: hidden;   
}

#wrap {
   width: 660px;   
}

.col {
   float: left;
   margin: 5px;
   width: 100px;
   height: 100px;
   background: red;
}