Как правильно использовать @media?

Question

[artyak1121]

Доброго времени суток. У меня есть блок, по левой стороне, раньше использовал:

@media (max-width:1539px) {
            .sidebar-left {
                display: none
            }

сейчас появилась надобность сделать так, что если

max-width:1539px

то чтоб блок не скрывался, а уезжал в самый низ под все блоки сайта, по центру, либо чтоб например переходило под стили

game-classic-footer

. Как можно это правильно сделать?

Comments

[Rustam Bainazarov]

Это вопрос не к медиазапросам, а к самой разметке.

А описание вопроса у вас просто пипец, конечно :))

Я не буду описывать возможности реализации, так как я не вижу структуры (например, перенос с помощью order, если всё это в рамках одного родителя и т. п.). Скажу только универсальный вариант — делайте копию вашего сайдбара там, где надо, а на медиазапросах скрываете основной и показываете вторичный. Либо на JS делаете перемещение DOM в нужное место.

[artyak1121]

Рустам Байназаров, сорри за описание)
вот второй вариант я и делал, но возник конфликт с блоками, ибо в этих блоках используются сокеты, но это уже другая каша)

А универсального варианта нет, например чтоб сделать пустой блок с пустым ксс, и сделать чтоб нужны мне блок появлялся после пустого?

[Rustam Bainazarov]

artyak1121, нет, конечно, такого варианта нет, т. к. CSS не умеет управлять разметкой.

[Тарас Шульга]

artyak1121, как и сказали сильно без разметки вам не подскажешь, но можете на js просто перенести блок. Вроде в одном месте вырезаешь, а во втором ставишь.

[Ilya Muromtsev]

Если всё так плохо, то думаю и CSS смогет справится.. в помощь grid и flex

[subaric]

Нужно смотреть структуру html.