JSFiddle - React, Tailwind, and code Playground

by Yakov

HTML

<div class="parent">
  <div>foo</div>
  <div>bar</div>
</div>

<br>
<div>
--
</div>
<br>

<div class="parent big">
  <div>foo big</div>
  <div>bar big</div>
</div>

CSS

.parent {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
}
.parent div {
  display: inline-block;
  background: gray;
}

.big div {
  width: 100%;
}