JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid">
  <div class="resize">Resize Me</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
</div>

CSS

.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid>div {
  width: 10em;
  margin: 5px;
  background-color: #ccc;
  padding: 0.5rem;

}

.resize {
  resize: both;
  overflow: auto;
  border: 1px solid red;
}