JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<div id="container">
  <div class="item">Very long title for this item</div>
  <div class="item">short title</div>
  <div class="item">medium title-ish</div>
  <div class="item">Bio</div>
  <div class="item">another long title</div>
</div>

CSS

#container {
  display: flex;
  background: #9df;
  min-height: 8rem;
}
.item {
  flex-basis: 17%;
  border: 1px solid #f08560;
  margin: 1rem;
  padding: 0.25rem;
  background: #fff;
  font-size: clamp(1rem, 3vw, 2.5rem);
}