JSFiddle - React, Tailwind, and code Playground

HTML

<main>
    <nav class="colonne">
        <ul>
            <li><a href="">link</a></li>
            <li><a href="">link</a></li>
            <li><a href="">link</a></li>
        </ul>
    </nav>
    <section class="colonne">
        <article>
                    <h1>Title</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni perspiciatis laborum laudantium corrupti suscipit id inventore facere et possimus dolores fugit totam voluptatum exercitationem. Iste placeat magni maxime a alias.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni perspiciatis laborum laudantium corrupti suscipit id inventore facere et possimus dolores fugit totam voluptatum exercitationem. Iste placeat magni maxime a alias.</p>
        </article>
    </section>
</main>

CSS

main {display: table}
.colonne {
    display: table-cell;
}
nav {
    width: 25%;
    background: #16a085;
}
section {
    background: #95a5a6;
}