How to place blocks using Flexbox without additional wrappers?

Question

Flexbox

How can I use flex to place blocks like in the picture without additional wrappers?
Original "Option 1", need "Option 2".

<div class="container">

      <aside class="left">
         left
      </aside>

      <main class="center">
         center
      </main>

      <aside class="right">
         right
      </aside>

</div>

Answer 1

flex-direction: column
flex-wrap: wrap
on children adjust order and base
https://css-tricks.com/snippets/css/a-guide-to-flexbox/