How to make firstChild height 100% flexbox wrap items

Question

I'm curious, i would like to know if it's possible to creat this with flexbox https://zupimages.net/up/21/29/l3mf.png

But without Edit the Html ! i can do it with float:left and display:grid But with flex it's difficult. (I know it's possible to do it by wrapping or adding div.break-column like this https://tobiasahlin.com/blog/flexbox-break-to-new-row/)

<div class="box">
  <div class="item">
      ITEM
  </div>
  <div class="item">
      ITEM 2
  </div>
  <div class="item">
      ITEM 3
  </div>
  <div class="item">
      ITEM 4
  </div>
</div>