تحدد نقاط التوقف (Breakpoints) أحجام الشاشات التي تتغير عندها التخطيطات أو سلوك المكونات. ويتوافق نظام تصميم الشارقة مع نموذج نقاط التوقف في Tailwind CSS لضمان الاتساق بين مواصفات التصميم والتنفيذ.
ينبغي استخدام نقاط التوقف عند الحاجة إلى تكييف المحتوى أو التخطيط، وليس لاستهداف أجهزة محددة. كما يُنصح بتجنب تصميم واجهات منفصلة لكل نوع من الهواتف أو الأجهزة اللوحية.
قد تشمل التعديلات في التصميم المتجاوب ما يلي:
- تعديل عدد الأعمدة.
- تغيير المحاذاة أو المسافات.
- إعادة ترتيب المحتوى الداعم.
- تحويل عناصر التنقل إلى تخطيط أكثر ملاءمة للشاشات الصغيرة.
- تعديل أحجام الخطوط والوسائط.
- التبديل بين التخطيط الأفقي والعمودي.
