CSS के साथ रिस्पॉन्सिव हैडर बनाने के लिए कोड निम्नलिखित है -
उदाहरण
आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
स्क्रीन का आकार बदलने पर नेविगेशन मेनू का आकार इस प्रकार बदलता है -
CSS के साथ रिस्पॉन्सिव हैडर बनाने के लिए कोड निम्नलिखित है -
आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
स्क्रीन का आकार बदलने पर नेविगेशन मेनू का आकार इस प्रकार बदलता है -
सीएसएस के साथ प्रतिक्रियाशील प्रशंसापत्र बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "
सीएसएस के साथ प्रतिक्रियाशील ब्लॉग लेआउट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box
सीएसएस के साथ रिस्पॉन्सिव कॉलम कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .कार्ड {रंग:सफेद; नाव छोड़ी; चौड़ाई:कैल्क (25% - 20px); पैडिंग:10px; सीमा-त्रिज्या:10px; मार्जिन:10px; ऊंचाई:200px; }