JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
</div>

CSS

.block {
    width:700px;
    height:200px;
    overflow:hidden;
    background:#000000;
}
.block > div {
    width:300px;
    height:200px;
    margin-right:50px;
    background:#bc1b1b;
    float:left;
}