JSFiddle - React, Tailwind, and code Playground

HTML

<div>MENU</div>
<div id="wrapper" style="min-height:100px; background-color:red; padding-top:10px; width:400px;">
<div id="pictures">
    <div id="pic-left">Left pic</div>
    <div id="pic-right">Right pic</div>
</div>
    <div id="content">Content here</div
</div>

CSS

#pic-left
{
    min-height: 30px;
    background-color:blue;
    width: 50%;
    float:left;
}
#pic-right
{
    min-height: 30px;
    background-color:pink;
    width: 50%;
    float:left;
}
#content
{
    min-height:50px;
    background-color: green;
}