JSFiddle - React, Tailwind, and code Playground

by Douglas Crosby

HTML

<div id="hold">
    <div class="wrapper">
        <div class="iB">Content<br />Content<br />Content<br /></div>
        <div class="iB">Content<br />Content<br />Content<br /></div>
    </div>
    <div class="wrapper">
        <div class="iB">Content<br />Content<br />Content<br /></div>
        <div class="iB">Content<br />Content<br />Content<br /></div>
        <div class="iB">Content<br />Content<br />Content<br /></div>
        <div class="iB">Content<br />Content<br />Content<br /></div>
    </div>
    <div class="wrapper">
        <div class="iB">Content<br />Content<br />Content<br /></div>
    </div>
</div>

CSS

#hold{
     width:100%;   
}
.wrapper {
    float:left;
    width: 33%;
    background: red;
    text-align: center;
}

.iB {
    display:block;
    background: green;
}