JSFiddle - React, Tailwind, and code Playground

by msfrisbie

HTML

<div id="wrapper">
  <div>
    A
  </div>
  <div>
    B
  </div>
  <div>
    C
  </div>
</div>

CSS

div#wrapper {
  background-color: red;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
}

div {
  background-color: blue;
  min-width: 200px;
  height: 100px;
  color: white;
  flex-grow: 1;
}