JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body">
    <header>
        <h1>Your header</h1>
    </header>
    <aside>
        <p>Aside</p>
    </aside>
    <div class="content">
        <h2>Title</h2>
        <p>Some text</p>
    </div>    
    <footer>
        <p>Your footer</p>
    </footer>
</div>

CSS

#body { width: 960px; }
aside { width: 450px; float: left; }
.content { margin-left: 450px; }