يبدو أن لديك كلاً من الإرشادات (Guidelines) والأسئلة الشائعة (FAQ) في القائمة - أعتقد أن هذا هو ما يسبب تجاوز العرض. إذا أضفت الأسئلة الشائعة إلى موقعي، يحدث الشيء نفسه.
يمكن لبعض أوراق الأنماط المتتالية (CSS) الإضافية أن تجعلها تلتف:
.nav-pills {
flex-wrap: wrap;
}
قد يساعد تقليل gap على .nav-pills قليلاً أيضاً.
(كان هذا مجرد اختبار سريع باستخدام أدوات المطور في المتصفح. قد تحتاج إلى أن تكون أكثر تحديداً مع المحددات إذا كنت لا تريد التأثير على .nav-pills في أماكن أخرى.)
بشكل افتراضي، لديك الآن إرشادات بدلاً من الأسئلة الشائعة، ولكن حتى قبل هذا التغيير، كان من الممكن فصلها:
تحدث المشكلة المتعلقة بالمساحة على الهاتف المحمول حتى بدون روابط إضافية، اعتمادًا على لغة الواجهة. لقد أبلغت عن ذلك في عام 2022، لكنه لم يدخل في إعادة التصميم في عام 2024:
