JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<nav role="navigation">
    <div class="container">
        <a class="brand" href="#"></a>
        <ul>
            <li><a href="#"></a></li>
        </ul>
    </div>
</nav>
<header role="banner">
    <div class="container"></div>
</header>
<section role="main">
    <div class="container">
        <main></main>
        <aside></aside>
    </div>
</section>
<section>
    <div class="container">
        <div class="grid">
            <div class="col"></div>
        </div>
    </div>
</section>
<footer>
    <div class="container"></div>
</footer>
<nav>
    <div class="container"></div>
</nav>

<!-- define block type -->
<div class="block">
    <div class="header"></div>
    <div class="body"></div>
    <div class="footer"></div>
</div>