responsive-design

SKILL.md

| Mobile-first | Base styles = mobile, enhance with min-width | | Fluid over fixed | Use clamp(), %, vw instead of fixed px | | Content breakpoints | Break when content breaks, not at devices | | Touch targets | Minimum 44×44px on mobile | | Readable line length | Max 65-75 characters |

❌ Fixed pixel values everywhere ✅ Fluid units (rem, %, vw, clamp)

❌ Hiding content on mobile ✅ Prioritizing and reorganizing content

Modèles de conception Web réactifs pour un développement axé sur le mobile. À utiliser pour créer des mises en page fluides, des systèmes de points d'arrêt, une typographie réactive, des grilles flexibles et des composants adaptatifs. Se déclenche sur les demandes de mises en page réactives, de CSS axés sur les mobiles, de points d'arrêt, de requêtes multimédias, de conception fluide ou de prise en charge de plusieurs appareils. Source : ibutters/claudecodeplugins.

Voir l'original