JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<header>header</header>
<nav>nav</nav>
<article>article</article>
<footer>footer</footer>

CSS

header, nav, article, footer {
    margin: 2px;
    border: 1px solid black;
}
nav {
    display: inline-block;
    width: 25%;
    min-height: 200px;
}
article {
    display: inline-block;
    width: 72%;
    float: right;
    min-height: 200px;
}