responsive-design
Load this skill for any project with a user interface that must work across screen sizes and input methods, such as websites, web apps, dashboards, marketing pages, emails, or design systems. Use when building or reviewing layouts, choosing breakpoints, setting up fluid type, sizing touch targets, or making components adapt to their container. One design must serve phones, tablets, laptops, desktops, touch, mouse, and keyboard. Prefers content-first, mobile-first, framework-agnostic CSS and Baseline-stable features.
Pinned to revision 2d07f5a59187, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/responsive-design/SKILL.md
- skills/responsive-design/reference/breakpoints.md
- skills/responsive-design/reference/checklist.md
- skills/responsive-design/reference/container-queries.md
- skills/responsive-design/reference/foundation.md
- skills/responsive-design/reference/images.md
- skills/responsive-design/reference/input-methods.md
- skills/responsive-design/reference/layout-patterns.md
- skills/responsive-design/reference/layout-tools.md
- skills/responsive-design/reference/safe-areas.md
- skills/responsive-design/reference/strategies.md
- skills/responsive-design/reference/typography.md
- skills/responsive-design/reference/user-preferences.md
Every link opens the file at its source, pinned to the revision this page describes.