प्रगति

CSS · मध्यवर्ती - असली प्रोजेक्ट बनाएं

• कैस्केड, स्पेसिफ़िसिटी और इनहेरिटेंसस्पेसिफ़िसिटी का उपयोग करके यह भविष्यवाणी करना सीखें कि कौन सा CSS नियम जीतता है, और कम कोड लिखने के लिए इनहेरिटेंस का लाभ उठाएँ।
• Flexbox: axes, justify/align, gap, flex-growरोज़मर्रा के लेआउट में अपने एलिमेंट्स को अलाइन करने, केंद्रित करने और वितरित करने के लिए Flexbox के दो axes पर महारत हासिल करें।
• Grid: columns, rows, areasCSS Grid के columns, rows और नामित areas के साथ गैलरी और संपूर्ण पेज लेआउट बनाएँ।
• पोज़िशनिंग: relative, absolute, fixed, sticky, z-indexCSS पोज़िशन और अच्छी तरह प्रबंधित z-index स्केल के साथ बैज, हेडर और मोडल को ठीक वहीं टिकाएँ जहाँ आप चाहते हैं।
• रिस्पॉन्सिव डिज़ाइन: media queries, सापेक्ष इकाइयाँमोबाइल-फ़र्स्ट दृष्टिकोण, media queries, और rem, %, तथा vw इकाइयों के साथ अपने इंटरफ़ेस को हर स्क्रीन आकार के अनुकूल बनाएँ।