JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<div class="container">
    <div class="row content">
        <nav class="col-md-3 navigation">
            <h4>Navigation</h4>
            <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
        </nav>
        <div class="col-md-9 content">
            <h1>Heading</h1>
            <h4>Subeading</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, aspernatur reiciendis suscipit sint ad aliquam enim libero praesentium distinctio labore eum sit quod totam mollitia omnis itaque provident quam sequi illo dolore. Cumque, sequi, suscipit aspernatur iste quae aperiam nobis dolorum rem ab nesciunt quia saepe architecto dolorem ipsa veritatis eaque molestias blanditiis maxime dicta amet doloremque quisquam perferendis itaque temporibus omnis ex illo distinctio quam harum quasi. Tempore, sit, tenetur, fugiat, qui voluptatum dolor magni officia voluptas cumque necessitatibus ipsum assumenda non aspernatur. Quisquam, cupiditate, quos in ipsa rem dignissimos quis corrupti sint ullam neque magni laboriosam praesentium sapiente temporibus repellat consectetur expedita velit est eveniet eos. Reprehenderit, ut, adipisci, nobis blanditiis perspiciatis pariatur obcaecati fugit ipsa culpa amet fuga omnis eligendi sed. Animi, est, tempore, ipsa corporis voluptatem nobis eum eveniet distinctio ducimus recusandae quia amet molestias impedit minima tempora provident veritatis laudantium aspernatur error nesciunt. Fuga, corporis, laborum, tempora facere illum at quam ratione dicta enim vitae animi nostrum omnis inventore iusto assumenda eum minima suscipit quod velit quos. Amet, nostrum, molestiae tempora doloremque distinctio laborum asperiores odio quo nisi quia sunt deleniti adipisci optio rem architecto odit vero voluptates magni repudiandae minus inventore eaque quis veritatis ad sequi animi libero corporis minima non perferendis...

CSS

.content {
    overflow: hidden;
}

.navigation {
    padding-bottom: 100%;
    margin-bottom: -100%;
}
/* VISIBILITY PURPOSE 
   ================== */
.header {
    background: green;
}
.navigation {
    background: pink;
}
.content {
    background: yellow;
}