Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-01 | ✗→✓ | ▲ Improved | 46% | 0% |
| case-16 | ✗→✓ | ▲ Improved | 52% | 0% |
| case-09 | ✓→✓ | ＝ Same ✓ | 17% | 0% |
| case-02 | ✓→✓ | ＝ Same ✓ | 14% | 0% |
| case-03 | ✓→✓ | ＝ Same ✓ | 28% | 0% |
Master modern responsive design techniques to create interfaces that adapt seamlessly across all screen sizes and device contexts.
Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient.
Other measured skills in the registry, with their headline benchmark lift.