Шапка «Москва-Баку» — адаптив

Основа — вариант 7 из header-guardian_v7.html, обе версии логотипа. На десктопе шапка такая же, как в варианте 7. На узких экранах она перестраивается по точкам ниже.

Ширину удобно менять переключателем (он остаётся сверху при прокрутке) — или просто сужать окно. Всё кликается так же: «Ещё», рубрики, лупа, кнопка меню; Esc закрывает открытое. Если адрес открыть с ?clean, пояснения скроются.

1200 и шире

Как в варианте 7

Уже 1200

Рубрики не помещаются в строку — она листается вбок (пальцем, тачпадом, Shift + колесо), справа затухание. «Ещё» прикреплена справа и всегда видна. Так же листается вторая строка

1000 и уже

Дата скрыта, кнопки прижаты вправо

860 и уже (планшет)

Логотип × 0,76: 320 у версии с кругами, 266 без кругов. Основная строка 96. Отступы у подписи 20 вместо 28

700 и уже

Подпись у логотипа скрыта

600 и уже (телефон)

Поля 16. Верхняя строка 32, только курсы, 12 px. Логотип × 0,5: 210 и 175. Основная строка 64, кнопки Ø40 через 10. Поиск открывается на всю строку поверх логотипа. Рубрики: строка 46, Bold 15, отступ 12; «Ещё» — 42, Bold 14. Панель меню во всю ширину

359 и уже

Логотип × 0,44: 185 и 154, чтобы рядом поместились обе кнопки