JSFiddle - React, Tailwind, and code Playground

by ScottRippey

HTML

<div class="content">
<div class="left-bar">
    Left side content
    <br />
    <img src="//lorempixel.com/230/400" />
</div>
<div class="right-bar">
    Right side content
    <br />
    <img src="//lorempixel.com/320/230" />
    <img src="//lorempixel.com/320/230" />
    <img src="//lorempixel.com/320/230" />
    <img src="//lorempixel.com/320/230" />
    <img src="//lorempixel.com/320/230" />
</div>
</div>
<div> 
    Footer
</div>

CSS

.left-bar {
    float: left;
    
}

.right-bar {
    margin-left: 250px;
}

.content:after, .content:before {
    content: "";
    clear: left; display: block;
    height: 20px; background: red;
    
}