JSFiddle - React, Tailwind, and code Playground

by gopi1410

HTML

<div id="content">
<div id="featured"></div>
<div class="box"></div>
<div class="box"></div>
<div style="width:310px; height:18px; margin:0 0 10px; padding:98px 0; text-align:center; float:left; display: block; background: #ffffcc;">Ad Space</div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

CSS

.box { float:left; width:310px; margin:0 10px 10px 0; padding:0; height:400px; background-color:red; border: solid 1px black; display: table-cell; column-count: 2; column-gap: 20px; }