JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <aside>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    </aside>
    <main>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non blanditiis,       voluptas, esse at iste nulla in ratione quas incidunt aspernatur nostrum, veniam expedita recusandae quis libero aliquid animi, repellat harum pariatur eum assumenda.
    </main>
</div>

CSS

.wrapper{
    border:$contentborder;
    background: $contentgradient;
    border-radius:3px;
    text-align: center;
    margin: auto;
    background:gray;
}
main{
    text-align: left;
    overflow-x: hidden;
    background: red;
    padding:2em;
}
aside{
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%;
    min-width: 340px;
    padding: 20px;
    padding-left: 0;
    height: 100%;
    text-align: left;
    background:orange;
}