JSFiddle - React, Tailwind, and code Playground

HTML

<div id=container>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

CSS

#container {
    width: 500px;
    background-color:red;
    overflow: auto;
}
#container div {
    float: left;
    width: 22.15%;
    margin-right: 3.8%;
    height: 100px;
    background-color: blue;
    color:white;
}
#container div:last-child {
    margin-right:0;
}