Как изменить последовательность блоков при адаптации дизайна?

Question

[Emmet1]

Часто при адаптации сайта случаются ситуации когда блоки расположены не в той последовательности, в которой верстались для полного дизайна. И простым флотом проблему не исправить. Не подскажите, как вы справляетесь с проблемой?

Answer 1

[Ankhena]

Верстаю flex'ами.
Порядок элементов управляется свойством order html5book.ru/css3-flexbox/#order
И flex-direction для управления расположением по срокам или столбцам.

Answer 2

[axeax]

родителю display: flex
боксам order: 1 или какой нужен. Это свойство определяет порядок элемента.

.box3{order:1}
.box2{order:2}
.box4{order:3}
.box1{display:none}

p.s. ie 10+

Answer 3

[Андрей Б.]

Судя по вашим примерам, вы верстаете колонками, а нужно строками
codepen.io/anon/pen/aBwZYG

Answer 4

[Serj-One]

Прошу заказчика дать дизайнеру по шапке и заставить его почитать литературу по адаптивному дизайну.
Либо флекс, но он пока в хоть сколько-то серьёзных проектах неприменим.