Как в flex-box сделать такую вещь?

Question

[Артём]

как сделать такое в flexbox?
допустим блок content это мейн, а слева и справа от него по 2 aside.
Каким образом их так расставить?

Comments

[Александр]

Покажите, код, в котором уже пытались что то сделать, а лучше выложите его на jsfiddle

[Артём]

Александр, я даже близко не понимаю, думал через ордеры что-нибудь сделать, но когда ордер ставлю main-у, он всегда в конец становиться

Answer 1

[BigSmoke]

<div class="container">
  <aside></aside>
  <aside></aside>
  <main></main>
  <aside></aside>
  <aside></aside>
</div>

.container {
  width:900px;
  height:200px;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
}
aside {
  width:300px;
  height:100px;
}
main {
  width:300px;
  height:200px;
}