div>GGGG<br>GGGG</div>
  <div>HHH<br>HHH<br>HHH</div>
  <div>IIIII<br>IIIII</div>
  <div>JJJJ<br>JJJ<br>JJJJ</div>
</div>
<p>flex-wrap: wrap; ⤴</p>
</article>

<article>
<div style="flex-wrap: wrap-reverse">
  <div>A</div>
  <div>BB</div>
  <div>CCC</div>
  <div>DDDD</div>
  <div>EEE<br>EE</div>
  <div>FFF<br>FFF</div>
  <div>GGGG<br>GGGG</div>
  <div>HHH<br>HHH<br>HHH</div>
  <div>IIIII<br>IIIII</div>
  <div>JJJJ<br>JJJ<br>JJJJ</div>
</div>
<p>flex-wrap: wrap-reverse; ⤴</p>
</article>
</body>
</html>