JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="latest-photos">Latest images go here.</div>
<div class="content-wrap">

    <div class="sidebar cf">
        <div class="sidebartitle">
            Sidebar Title here
        </div>
        <div class="sidebarcontent">
            This is a content box. All sidebar here! All chat boxes and what-have-not go here!!
        </div>
    </div>

    <div class="entry cf">
        <div class="entrytitle">
            Entry title here!
        </div>
        <div class="entrycontent">
            This is out main content area!! Here is where all the latest news, images, and more will be posted.
            This new verion will be great!
            <p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p><p>jakis tam tekst</p>
        </div>
    </div>
    </div>

</div>

CSS

.latest-photos{
    background: #eee;
    padding: 10px;
}
.content-wrap{
    overflow: hidden;
}
.sidebar{
    float:left;
    width: 28%;
    padding: 1%;
    background: #ddd;
}
.entry{
    float:left;
    width: 68%;
    padding: 1%;
    background-color:#f00;
}