JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="logo">
        <img src="_assets/images/logo.png" alt="Logo">
    </div>
    <h1>H1</h1>
    <div class="paragraphContent">
        <p>Content</p>
        <br/><br/>
        <p>Regards,</p>
        <p class="bold">Name</p> 
    </div>
    <div id="socialMedia">
        <a href="http://www.twitter.com" title="Follow me on Twitter"></a>
    </div>
</div>
<div id="portfolio">
    <h3>Portfolio</h3>
    <ul>
        <li><a href="#">Text</a></li>
    </ul>
</div>

CSS

#wrapper{
    background:yellow;
    border-radius:5px;
    width:80%;
    float:left;
}
#portfolio{
    width:20%;
    background:red;
    float:left
}