How to put 2 out of 3 flex items in a column?

Question

css

There is a container with elements, how to leave the first one in a line, and put the other two in a column?

<div class="container">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div>

.container {
  display: flex;
}

Answer 1

Change direction to column, set the first element to 100% base and the rest to 50%