Как поменять блоки в хедере местами при адаптиве?
Как видно на скринах, нужно поменять местами вообще разные элементы в разные стороны. Как это можно удобно сделать?
Источник: Stack Overflow на русском
Ответы
В описанном случае лучше, наверное, будет собрать новый элемент под navbar, который будет скрыт на широком экране. Да, обычно так не делают, но в показанном примере некоторые блоки вообще перестают быть частью navbar.
А поменять местами "Москва" и "Список ссылок" можно задав поменяв им grid-column.
Что касается текстовых блоков ниже, то оба текста помещаются во flex, а кнопка выводится ниже. При уменьшении экрана, их общему flex контейнеру с flex-direction:column задается justify-content: space-between.