JSFiddle - React, Tailwind, and code Playground

by csaltyj

HTML

<div id="container">
    <div id="box-1">Oh hai.<br />Heyyy</div>
    <div id="box-2">2</div>
    <div id="box-3">3</div>
</div>

CSS

#container {
    background: #eee;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
}

#box-1 {
    background: red;
    -webkit-box-flex: 1;
}

#box-2 {
    background: green;
    -webkit-box-flex: 2;
}

#box-3 {
    background: blue;
    -webkit-box-flex: 2;
}