JSFiddle - React, Tailwind, and code Playground

by ZondArt

HTML

<main>
    <article>
        <h1>Heading 1</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora nisi odit sint tenetur quaerat ad necessitatibus nihil explicabo autem molestias?</p>
    </article>
    <aside>
        <nav>
            <ul>
                <li>Button-1</li>
                <li>Button-2</li>
                <li>Button-3</li>
                <li>Button-4</li>
                <li>Button-5</li>
            </ul>
        </nav>
    </aside>
</main>

CSS

html, body, p, ul, li, h1, h2 {
    margin: 0;
    padding: 0;
}

main {
    width: 100%;
}
article {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 67%;
    float: left;
    padding: 10px;
}
aside {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    float: left;
    padding: 10px;
}
aside ul, li {
    list-style: none;
}