JSFiddle - React, Tailwind, and code Playground

by bsorrentino

HTML

<body style="background-color:green;">
    
    
<div class="fillPanel horizontal">

    <div class="fillPanelExpandChild" >B1</div>
    <div class="rightPanel" >B2</div>
</div>    
    
</body>

CSS

.fillPanel {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        width: 100%;
        height: 100%;
        background-color:red;
    }
    
    .horizontal {
        -webkit-box-orient: horizontal;
    }
    
    .fillPanel > .fillPanelExpandChild {
        -webkit-box-flex: 1;
    }