इस कोडलैब की मदद से, आपको फ़ोकस करने का अपना पसंदीदा तरीका शेयर करने और दिखाने का विकल्प मिलता है सीएसएस.
इनके बारे में जानने के लिए, मेरी ब्लॉग पोस्ट सीएसएस में सेंटरिंग देखें में सेंटर चलाने के मेरे पसंदीदा तरीके हैं. या यह वीडियो देखें!
सेटअप
- प्रोजेक्ट में बदलाव करने के लिए, बदलाव करने के लिए रीमिक्स करें पर क्लिक करें.
app/index.html
खोलेंline 23
पर,/* your centering CSS here /*
को अपनी सीएसएस से बदलें- (ज़रूरी नहीं) सेंटरिंग तकनीक को नाम दें और
<h1>
में टेक्स्ट बदलें
स्टाइल
app/css/
फ़ोल्डर में नई फ़ाइल बनाएं- सेंटरिंग सलूशन को होल्ड करने के लिए सिलेक्टर बनाएं, जैसे कि
.turbo-center
या[floaty-mcfloat]
- उस नए सिलेक्टर में, सेंटरिंग तकनीक लिखें (इसे बेझिझक
app/css/
में उदाहरण के तौर पर) - (ज़रूरी नहीं) "सहायता के लिए कोई स्टाइल" लिखें इससे हमें पता चलता है कि सेंटरिंग को सपोर्ट करने के लिए स्टाइल
app/css/index.css
खोलें और स्क्रीन पर सबसे नीचे अपनी नई फ़ाइल इंपोर्ट करें
पूरी जानकारी इकट्ठा करें
app/index.html
को फिर से खोलें<article>
ढूंढें और इसे अपना कस्टम सिलेक्टर दें, जो आपने चरण #2 में बनाया था पिछला सेक्शन देखें.- अपनी Glitch मुझे ट्वीट करें और मैं इसे इस पर दिखा दूंगा ब्लॉग पोस्ट!