Каталог / wshobson / responsive-design
responsive-design
wshobson/agents
12.7K
установок
#749
в рейтинге
Что делает
Современные адаптивные макеты с container queries, fluid typography, CSS Grid и мобильно-первой стратегией.
- Container queries обеспечивают адаптивность на уровне компонентов независимо от размера viewport с поддержкой container query units (cqi, cqw, cqh) и style queries
- Fluid typography и spacing через CSS clamp() плавно масштабируются по размерам экрана с min/max границами, устраняя дискретные breakpoint-скачки
- CSS Grid auto-fit/auto-fill паттерны и Flexbox предоставляют intrinsic макеты, адаптирующиеся на основе контента; subgrid обеспечивает вложенное выравнивание
- Мобильно-первый подход с media queries на основе контента и feature queries (@supports) для прогрессивного улучшения кроссбраузерности
Установка
$ npx skills add wshobson/agents