JSFiddle - React, Tailwind, and code Playground

by jgoemat

HTML

<div class="panel-body" id="swfStage">
    <div class="swfWrapper">
        swfWrapper
    </div>
    <div class="chatWrapper">
        chatWrapper
    </div>
</div>

CSS

.panel-body {
    width: 320px;
    height: 240px;
    background-color: #355e95;
    overflow: auto;
    white-space: nowrap;
    display: flex;
}

.swfWrapper {
    flex: 1 0 80%;
}

.chatWrapper {
    flex: 1 0 20%;
    overflow: hidden;
}