Mobile-friendly аудит (375px)
Аудит мобильной версии на iPhone SE: тач-таргеты, скролл, попапы, tap-vs-hover, input zoom.
Стратегия брейкпойнтов
Не «3 устройства», а содержательные точки. Где менять layout и зачем.
Mobile-first рефакторинг
Перевод desktop-first дизайна на mobile-first без полной переделки.
Touch vs hover паттерны
Что работает с пальцем, что с курсором — и как сделать чтобы работало везде.
Mobile-first rethink: переосмыслить desktop-макет
Не просто 'сжать' desktop — пересмотреть IA, навигацию и прогрессивно усложнить от мобильного к большому экрану.
Container queries: где @container побеждает @media
Когда переходить с viewport-брейкпойнтов на контейнерные. Конвенции именования, fallback, реальные сценарии.
Fluid typography через clamp(): формула и edge cases
Шрифты и spacing, которые сами масштабируются без брейкпойнтов. Как считать preferred, что НЕ клампить, accessibility.
Density modes: переключатель comfortable / cozy / compact
Как у Linear и Notion: переключатель плотности интерфейса. Token strategy, что НЕ масштабировать, сохранение preference.
Настройка шкалы заголовков (clamp, tracking, leading)
Типографическая шкала h1-h6 на clamp(), правильные tracking и leading на каждом размере, тест на длинных русских словах без переноса в неудобном месте.