JSFiddle - React, Tailwind, and code Playground

HTML

<div class='parent' style="width: 100px; border: 4px solid orange;">
  <div style="border: 4px solid lightblue;">narrow</div>
  <div style="border: 4px solid lightblue;">this text wraps to fit</div>
  <div style="border: 4px solid lightblue;">this text cannot_wrap_any_further</div>
  <div style="border: 4px solid lightblue; min-width: 90px;">min 90px</div>
  <div style="border: 4px solid lightblue; flex-basis: 90px;">min 90px this_box_should_be_as_wide_as_this_text!!</div>
</div>

CSS

.parent {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.parent > div {
  box-sizing: border-box;
}