JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</section>

CSS

*{margin:0;}

div {
    background: #000;
    float: left;
    height: 24vw;
    margin: 1%;
    width: 23.5%;
}
div:nth-child(4n-3){
    background:red;
    margin-left:0;
}
div:nth-child(4n){
    background:blue;
    margin-right:0;
}
section{
    margin:0 20px;
}