Что такое responsive_design?
Создавайте адаптивные макеты, ориентированные на мобильные устройства, используя гибкие контейнеры, гибкие модули, медиа-запросы и удобный для сенсорного управления дизайн, который работает на экранах всех размеров. Используйте этот навык при создании или изменении макетов пользовательского интерфейса, адаптивных сеток, стилей точек останова, мобильной навигации или любого интерфейса, который необходимо адаптировать к различным размерам экрана. Применяется при работе с адаптивным CSS, медиа-запросами, настройками области просмотра, макетами Flexbox/сетки, стилизацией для мобильных устройств, определениями точек останова (мобильные устройства, планшеты, настольные компьютеры), размером сенсорных целей, относительными единицами измерения (rem, em, %), оптимизацией изображений для разных экранов или тестированием макетов на нескольких устройствах. Используйте для любых задач, связанных с поддержкой нескольких устройств, адаптивными шаблонами дизайна или адаптивными макетами. Источник: vuralserhat86/antigravity-agentic-skills.