JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="top-block">
        <div></div>
        <div></div>
        <div></div>
    </div> 
    <div class="bottom-block">
         <div></div>
        <div></div>
    </div>   
</div>

CSS

.wrap{
    background:#f3f3f3;
    width:1020px;
    height:621px;
}
.top-block div{
    width:340px;
    height:264px;
    display:inline-block;
}
.top-block div:nth-child(1){
    background:red;
}
.top-block div:nth-child(2){
    background:blue;
    margin-left:-4px;
}
.top-block div:nth-child(3){
    background:green;
    margin-left:-4px;
}
.bottom-block div{
    width:510px;
    height:357px;
    display:inline-block;
    margin-top:-4px;
}
.bottom-block div:nth-child(1){
    background:#6495ED;
    
}
.bottom-block div:nth-child(2){
    background:#DAA520;
    margin-left:-4px;
}