JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<main>
        <section>
            <section class="innersection">
                some content
            </section>
            <aside class="sidebar">
            snas
           </aside>
        </section>
    </main>

CSS

main{
    width: 100%;
    min-height: 800px;
    background: lightblue;
}
main > section {
    width: 100%;
    display: table;
}
.innersection{
    width:94%;
    height: 800px;
    display:table-cell;
    background: lightgreen;
}
.sidebar{
    width:5%;
    display: table-cell;
    background: lightyellow;
}