How to make flex wrap a box?

Question

Flexbox

Good afternoon! There is such a code (figuratively):
https://codepen.io/fairtex/pen/XWrgPjE
It is required that the elements of the list wrap around the red block (left and bottom) and the yellow block (right and top).
Can you please tell me how to achieve the desired effect??

Answer 1

For the element that should be on the left, set the class ".left", and for the one on the right - ".right".
Result:
https://codepen.io/hisbvdis/pen/bGbrpRa