JSFiddle - React, Tailwind, and code Playground

by mihaibirsan

HTML

<div class="group">
  <div class="main">
    The <br> quick <br> brown <br> fox <br>
  </div>
  <div class="side">
    Jumps <br> over <br> the <br> lazy <br> dog <br>
  </div>
</div>

CSS

.group { display: flex; flex-wrap: wrap; }
.main { min-width: 20em; flex-grow: 1; }
.side { min-width: 10em; flex-grow: 1; }

.main { background: pink; }
.side { background: lime; }