responsive-design

| 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

أنماط تصميم الويب سريعة الاستجابة لتطوير الهاتف المحمول أولاً. يُستخدم لإنشاء تخطيطات مرنة وأنظمة نقاط توقف وطباعة سريعة الاستجابة وشبكات مرنة ومكونات قابلة للتكيف. يتم تشغيلها بناءً على طلبات التخطيطات سريعة الاستجابة، أو CSS للجوال أولاً، أو نقاط التوقف، أو استعلامات الوسائط، أو التصميم المرن، أو الدعم متعدد الأجهزة. المصدر: ibutters/claudecodeplugins.