JSFiddle - React, Tailwind, and code Playground

HTML

<article>
  <section><span>1</span></section>
  <section><span>2</span></section>
  <section><span>3</span></section>
  <section><span>4</span></section>
  <section><span>5</span></section>
  <section><span>6</span></section>
</article>

CSS

article {
  display: flex;
  flex-wrap: wrap;
}

section {
  flex: 0 0 200px;
  /* then uncomment this: */
  /* flex-shrink: 1; */
  
}

/* non-essential demo styles */

section {
  height: 50px;
  background-color: lightgreen;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  margin: 5px;
}