Как изменить положение блока который находится в другом контейнере?

Question

[Toy Boy]

Как сделать при ширине экрана 575px блок "second" переместился "four" и ширина была 100%. Вот так:

Comments

[Pashok Doom]

Скриптами гонять туда-сюда, или делать клон блока для мобильных и скрывать\показывать нужный по необходимости

[FeST1VaL]

Вам же уже помоему на такой же вопрос отвечали...

[Toy Boy]

FeST1VaL, тогда вопрос был чуть другой...

[Ankhena]

Вытащить блоки из обертки. Она вам не нужна и для первого расположения даже на флексах.
Либо в разметке либо с помощью display:contents.

Но разумнее сразу гридами и без этой самой обертки.

Answer 1

[v3shin]

Есть css-свойство order. Просто меняйте его в медиа-запросах.
https://developer.mozilla.org/ru/docs/Web/CSS/order

Comments

[Toy Boy]

Order работает когда все они в одном контейнере

[v3shin]

Toy Boy, тогда можно grid'ом.

Answer 2

[Pashok Doom]

jQuery