JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div style="overflow: hidden;">

 <div class="wrapper">

        <div class="gridf">a</div>
        <div class="grid">b</div>
        <div class="grid">c</div>
        <div class="gridl">d</div>

 </div> 



</div>

CSS

.wrapper{
    margin:0 auto;
    width: 80%;
}
.gridf{
    float:left;
    margin-right:3px;
    width:20%;
    min-height:200px;
    border:1px solid white;
}
.grid{
    float:left;
    margin-left: 3px;
    margin-right:3px;
    width:20%;
    min-height:200px;
    border:1px solid white;
}
.gridl{
    float:left;
    margin-left: 3px;
    width:20%;
    min-height:200px;
    border:1px solid white;
}