JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Start</h2>
<div class="container start">
  <div class="element element1">Salut mon pote.<br>Pourquoi faut il doubler "element" dans les div ?<br>Sans quoi les box n'ont pas la même dimension en largeur.<br>Il n'y a pas d'explication fournie ...</div>
  <div class="element element2">Comment vas-tu ?</div>
  <div class="element element3">Pas mal et toi ?</div>
  <div class="element element2">C'est quoi, ça ?</div>
  <div class="element element1">C'est la chianli</div>
  <div class="element element3">Pas encore vu ça ...</div>
  <div class="element element1">Apprendre, toujours apprendre !</div>
  <div class="element element2">A mon âge  !</div>
  <div class="element element3">Ca ne finira jamais !</div>
  <div class="element element2">Mais si tu verras</div>
  <div class="element element1">Cette forme de box est étonnante.</div>
  <div class="element element3">Bon, fini ces div ??</div>
</div>
  
<h2>End</h2>
<div class="container end">
  <div class="element element1"></div>
  <div class="element element2"></div>
  <div class="element element3"></div>
  <div class="element element2"></div>
  <div class="element element1"></div>
  <div class="element element3"></div>
  <div class="element element1"></div>
  <div class="element element2"></div>
  <div class="element element3"></div>
  <div class="element element2"></div>
  <div class="element element1"></div>
  <div class="element element3"></div>
</div> 
  
<h2>Center</h2>
<div class="container center">
  <div class="element element1"></div>
  <div class="element element2"></div>
  <div class="element element3"></div>
  <div class="element element2"></div>
  <div class="element element1"></div>
  <div class="element element3"></div>
  <div class="element element1"></div>
  <div class="element element2"></div>
  <div class="element element3"></div>
  <div class="element element2"></div>
  <div class="element element1"></div>
  <div class="element element3"></div>
</div>
  
 <h2>Space Between</h2>
<div...

CSS

.container {
  display: flex;
  width: 600px;
  flex-wrap: wrap;
  height: auto;
  border: solid 2px #000;
}
.start {
  justify-content: flex-start;
}
.end {
  justify-content: flex-end;
}

.center {
  justify-content: center;
}

.spaceBetween {
   justify-content: space-between;
}
.spaceAround {
   justify-content: space-around;
}
.stretch {
   justify-content: stretch;
}

.element {
  width: 150px;
  min-height: 100px;
  padding: 5px;
  margin: 5px;
  border: 2px solid red;
}

.element1 {
  background-color: orange;
  }
  
.element2 {
  background-color: blue;
  color: white;
}
.element3 {
  background-color: lightgreen;
}