Как поместить один элемент в строке при достижении (max-width: 767px), при использовании технологии flex-box?

Question

[Pavel Sheludko]

Как поместить один элемент в строке при достижении (max-width: 767px), при использовании технологии flex-box?

Я знаю, что чтобы указать достижение (max-width: 767px) - используется media.
Flex-box используется потому, что изначально указан (display: flex).

Comments

[Ankhena]

Нарисуйте картинку как должно быть и приложите песочницу на jsfiddle.net с вашими попытками, чтобы было видно, что пробовали и что не получилось.

Answer 1

[MihailFil]

В медиа-запросе указать для нужного блока flex-basic: 100%;
Или для родительского блока с display: flex; указать flex-direction: column;
Это если я правильно понял вопрос.