В уроке разобрана стратегия адаптива: два подхода — fluid (контент сжимается автоматически, правки минимальны) и пиксельный (каждый элемент правится вручную на каждом брейкпоинте). Поэлементная настройка брейкпоинтов для готовых блоков Яндекс.Станции, типичные проблемы и их решения.
Fluid-вёрстка даёт огромное преимущество на адаптиве: большинство блоков сжимаются сами, ручные правки нужны только для крупных структурных изменений (колонки → стопка, хедер → бургер). Пиксельная вёрстка требует правок почти на каждом элементе — это в 3-5 раз больше работы.
Часть 2 серии про вёрстку сайта Яндекс.Станции на готовых блоках. Смотри после части 1, где разобрана декомпозиция и базовая вёрстка. Урок для тех, кто уже уверенно работает с брейкпоинтами в Taptop.