JSFiddle - React, Tailwind, and code Playground

by jlaw

HTML

<div>
    <div class="right" style="width: 30%; border: 1px solid black;">
        <div style="height: 200px; ">Score card</div>
        <div>other right column stuff</div>
    </div>
    <div class="left" style="min-height: 200px; border: 1px solid black; height: 150px;">Table</div>
    <div class="left" style="min-height: 200px; border: 1px solid black; height: 100px;">Div of Description</div>
    <div class="left" style="min-height: 200px; border: 1px solid black; height: 200px;">Table</div>
    <div class="left" style="min-height: 200px; border: 1px solid black; height: 100px;">Extra....</div>
</div>

CSS

.left {
    overflow: hidden;
}
.right {
    float: right;
}