Перенос блока из flex-контейнера в адаптиве
Задачей является перенос блока номер 2 из контейнера aside__wrapper в адаптиве. Проблема в самом наличии двух контейнеров разных селекторов с блоками внутри, и order не хочет работать с блоками в разных флексовых контейнерах. Может у кого есть соображения как это можно реализовать?
Ответы (1 шт):
Order и не должен работать с блоками в разных контейнерах.
По названию класса aside__wrapper можно предположить, что речь идет о сайдбаре. Вопрос: что он забыл в месте, предназначенном для основного контента?
Если изменить структуру контейнеров на нормальную категорически нельзя, можно спозиционировать блок № 2 абсолютно и загнать в низ экрана, но придется явно колхозить габариты.
Если можно поменять структуру, то следует сделать так:
___________________ ___________________ | inner__wrapper | | aside__wrapper | | _____ | | _____ | | | 1 | | | | 2 | | | |_____| | | |_____| | | _____ | |___________________| | | 3 | | | |_____| | | _____ | | | 4 | | | |_____| | |__________________|
И в мобильном виде переносить весь .aside__wrapper вниз.