पाद के निर्माण के इस अंतिम पेंचकस में, हम नीचे के पाद लेख पर काम करते हैं जहाँ कोडपैन और शॉपटॉक क्षेत्र हैं।
हमें HTML को थोड़ा सा बदलना होगा जैसे ही यह पता चलता है कि नीचे (लोगो, पाठ, लोगो, पाठ) के साथ चार टुकड़े एक दूसरे पर केंद्रित इनलाइन ब्लॉक तत्वों की एक श्रृंखला होने का मतलब होगा ( vertical-align: middle;)।
हम उस मुद्दे में भाग लेते हैं जहां इनलाइन-ब्लॉक तत्वों के बीच अतिरिक्त स्थान होता है इसलिए हम फ़ॉन्ट-आकार का उपयोग करते हैं: 0; इस लेख से छल।
हमें अंत में काम करने वाला लेआउट मिलता है, लेकिन आप वास्तव में मुझे वास्तविक चित्रों में नहीं देखते हैं। जैसा कि हमने फोटोस्टार के साथ किया था, मैं इन पाद लेख लोगो के लिए एक नई फ़ोटोशॉप फ़ाइल बनाता हूं। यह इन लोगो के साथ भविष्य के अपडेट को आसानी से निपटना आसान बनाता है। मैं उन्हें आकार में 2x भी बनाता हूं और उन्हें नीचे स्केल करता हूं ताकि वे रेटिना डिस्प्ले पर अच्छे दिखें। मैं उन्हें प्लेसहोल्डर छवि टैग में छोड़ देता हूं जो हमारे पास है और यह बहुत अच्छा काम करता है।
फ़ाइलें
- 74-पाद लोगो