Как сделать flex для адаптации под мобильные?

Question

[Ivan Ivanovich]

Здравствуйте. Есть следующий код - https://jsfiddle.net/bhju0wvL/

Подскажите, как оптимизировать flex при уменьшении экрана. Если ставлю flex-direction column, то элменты начинают залазить на другие, а не смещаются. Надо, чтобы элементы шли друг за другом по вертикали.

Comments

[Dima Polos]

Что если на мобильном просто написать родителю display block?

[Ivan Ivanovich]

Dima Polos, Я попробовал. Не помогло.

Answer 1

[dk-web]

https://jsfiddle.net/rw5shq4e/ так?
Просто убрать фикс высоту у секций и добавить к флекс контейнеру flex-wrap

Comments

[Ivan Ivanovich]

dk-web Cпасибо!