JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="col4">
       <h3></h3>
       <p></p>
    </div>
    <div class="col4">
       <h3></h3>
       <p></p>
    </div>
    <div class="col4">
       <h3></h3>
       <p></p>
    </div>
    <div class="col4">
       <h3></h3>
       <p></p>
    </div>
</div>

CSS

.container{
     margin:0 auto;
     background: #eeeff3;
     width:100%;
     height:400px;
     text-align:center;
}
.col4{
    float:left;
    width:270px;
    height:400px;
    border-right:2px solid white;
}