SKIP TO CONTENT
INTERMEDIATE
1.5 hours4 chapters

Responsive Design

Make your website look good on every device, whether it is a big desktop computer, a tablet, or a small smartphone. We will take it one gentle step at a time.

Vibe Coding Academy Avatar
Progress: 0%In progress

What You'll Learn

फ़ोन, टैबलेट और कंप्यूटर की स्क्रीनें अलग-अलग आकार की क्यों होती हैं
कोई पेज किसी भी स्क्रीन में समाने के लिए कैसे "खिंच" सकता है
टेक्स्ट और बटन को पढ़ने और छूने लायक़ बड़ा बनाना
अपने काम को असली फ़ोन पर जाँचना

Description

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

पूरे ट्यूटोरियल में आपका Vibe Coding Academy अवतार कोमल उदाहरणों, सरल अभ्यासों और असल दुनिया के सुझावों के साथ आपके साथ-साथ चलेगा, और एक-एक छोटी जीत के साथ आपका आत्मविश्वास बढ़ाएगा।

अंत तक आप समझ जाएँगे कि कोई वेबसाइट बड़ी स्क्रीन पर भी और छोटी स्क्रीन पर भी एकदम सही कैसे दिख सकती है, और आप इसे ख़ुद जाँचना भी सीख जाएँगे — बिना किसी पेचीदा सेटअप के।

What's Inside

Four short chapters, about 1.5 hours in total. Take a break whenever you like; the page will remember where you are.

  • 1.एक स्नेह भरा स्वागत और "रिस्पॉन्सिव" का असली मतलब
  • 2.स्क्रीनें इतने अलग-अलग आकारों में क्यों आती हैं
  • 3.चीज़ों को लचीला बनाना ताकि वे हर स्क्रीन में समा जाएँ
  • 4.अपने पेज को अपने ही फ़ोन पर परखना
Vibe Coding Academy Avatar
"Take your time, and remember: you cannot break anything by trying. I'll be with you the whole way."