Flexbox: How can I re-order my divs and have them on multiple rows for mobile?

With flexbox, how can I?:

Desktop: Div one, Div two & Div three in a row.

Mobile: Div one & Div two next to each other, with Div three underneath them.

Desktop

`<div class="parent flex items-center justify-between"><div class="flex flex-1>Div one</div><div class="flex flex-1 sm:order-last sm:flex-col">Div two</div><div class="flex flex-1>Div three</div></div>`

Mobile

`<div class="parent flex items-center justify-between"><div class="flex flex-1">Div one </div><div class="flex flex-1">Div three </div><div class="flex flex-1 sm:order-last sm:flex-col">Div two</div></div>`