Флекс элементы в одну строку, как сделать каждый на новой?

Question

[Сашка Брамс]

Родитель - флекс
дочерние - форма и div

Строятся в 1 строку, как сделать обычное поведение? (обычное - каждый на новой строке)

Делал flex-flow column nowrap
Теперь каждый на своей строке, но это как-то не правильно..

codepen.io/anon/pen/qbaebw

Буду очень благодарен

Answer 1

[Николай]

Оно и без nowrap при flex-direction: column будет так, как вы хотите. А что вас смущает?

Answer 2

[Вадим Белкин]

Можно через flex: 1 1 100%; и flex-wrap: wrap; растянуть их на 100% ширины и расположить каждый на своей строке, в этом нет ничего плохого и неправильного. Либо как предложили уже flex-direction: column. Оба способа подойдут для подобного расположения.