JSFiddle - React, Tailwind, and code Playground

HTML

<div style="overflow: hidden;">

 <div class="wrapper">
<div style="width:850px">
        <div class="grid">a</div>
        <div class="grid">b</div>
        <div class="grid">c</div>
        <div class="grid">d</div>
</div>
 </div> 



</div>

CSS

.wrapper{
    margin:0 auto;
    width: 80%;
}
.grid{
    float:left;
    margin-left: 6px;
    width:200px;
    min-height:200px;
    border:1px solid white;
}
.grid:first-child{
    margin-left: 0;
}