JSFiddle - React, Tailwind, and code Playground

by slym12

HTML

<div class="box">
  <div class="item">Item 1</div>
  <div class="item">Item 2 has more text in it and therefore will be taller than item one. In the flex version both should stretch to the same height.</div>
</div>

<div class="test">
some
</div>

<div class="test">
other
</div>

CSS

.test {
  display: inline-block;
   border: 0.1px solid;
}

.box {
  display: flex ;
}

.item {
  display: inline-block;
  width: 150px;
  flex: 1;
  border: 0.1px solid;
}