JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<div class="app-content">
    <section>
        <div class="main"></div>
        <div class="secondary"></div>
        <aside></aside>
        
    </section>
</div>

CSS

.app-content, .app-content > section {
    display:-webkit-box;
    height:200px;
    width:100%;
}
.main {
    -webkit-box-flex: 2;
    background-color:red;
}
.secondary {
    -webkit-box-flex:3;
    background-color:green;
}
aside {
    -webkit-box-flex:1;
    background-color:yellow;
}