Day - 19 | 🎨 Learn CSS Flexbox | Master Alignments, Justify & Responsive Layouts

Name: Day - 19 | 🎨 Learn CSS Flexbox | Master Alignments, Justify & Responsive Layouts
Uploaded: 2025-12-16T08:57:48+00:00
Duration: 56 min 50 s
Channel: skillwaala

skillwaala

5 weeks ago

👨‍💻 What You’ll Learn in This Class:
✅ What is Flexbox and why it’s used in modern web design
✅ Understanding the Flex Container and Flex Items
✅ Properties like display: flex, flex-direction, and flex-wrap
✅ Aligning items with justify-content, align-items, and align-content
✅ Building a responsive layout using Flexbox
✅ Real-world coding examples and project-style demo

Category

📚

Learning

Transcript

Display full video transcript

00:00कि लो गाइस गुड़ इवनिंग एवरीबन गुड़ इवनिंग सेब्ल अशीश अलका यूजी गेमिंग सत्यम कोशलया साइनाथ रवी यूजी गेमिंग गुड़ इवनिंग एवरीबन एक बार रैस्पांस करतों कि मेरी वाइस क्लियर है और मैं आपको स्क्रेन भी शेय कर

00:30आप सभी फिर अपन क्लास कंटिन्यू करेंगे अपनी अगा इस सिबुल ने कुछ भीजा है और वह उन्होंने ये फार्म बनाया है ठीक है सही है आशिश कुमार ने भी बनाया है बिल्कुल सही एकदम अच्छा है जैसा था यूजी में वैसा ही बनाया अलका ने जोना है �

01:00किसने भीजा है कोशल लिया से थार्ड यादवने अच्छा वाव सही है ये भी परफेक्ट अच्छा बनाया है उसके अलावा साइनात और किसने भीजा है और ये भीजा है सर पहले एजुकेटर से लॉग इन करके उसके बाद डैश्बूर्ड का चेक करके सर एक प्रॉब्

01:30ठीक है ये अपन बाद में देखेंगे ये जो भी आपका इश्व है जो भी आपका डाउट है ये अपन बाद में देखेंगे

01:42ठीक है voice clear and audible visible ठीक है ठीक है ठीक है चलो तो मतलब सब लोग टास्क कर रहे हैं जो भी मैं आपको टास्क बता रहा हूं सारे टास्क सब कंप्लीट कर रहे हैं यह तो बहुत अच्छी बात है

02:01मेरे बिना बोली ही आप यहाँ पर सैंड कर देते तो class में अंटर होते हैं यह तो बहुत अच्छी बात है जो सैंड कर देते बिना बोली ही ताकि मैं चैक कर लेता हूं

02:11ठीक है तो आज अपन क्या डिसकस करने वाले जो अपन CSS में जो भी चीज़े अपन देख रहे थे उसमें अपन आगे डिसकस करते हैं

02:28प्रिवेस क्लास जो थी अपनी मतलब फ्राइडे वाली जो क्लास थी उसमें अपने अपनी डिस्प्ले की कुछ प्रोपर्टीज पर अपने डिसकस कराता शायद तो यहां पर आ जाते हैं और अपने इसके उपर इसके उपर और

02:46प्रिवेस क्लास में डिसकस कराता अपने डिस्प्ले की प्रोपर्टीज अपने डिस्प्ले की प्रोपर्टीज अपने देखी थी अपनी डिस्प्ले ब्लॉक डिस्प्ले इन लाइन ठीक है उसके अलावा अपने देखा था अपना डिस्प्ले नन विजिबिलिटी हिडन �

03:16अब display flex property क्या काम आती है,

03:21अगर अपने को कोई भी layout,

03:27कोई भी module अपने को set करना है,

03:30वहाँ पर अपन उसको use करते हैं,

03:31तेखो किस तरीके से समझते हैं अपने撇धे आपने

03:34flex वाली प्रोपर्रिटी को पन समझते हैं,

03:36कि display flags अपने पास यहाँ पर किस तरीके से काम आती है

03:40अब display flags को समझने से पहले बहुत सारी चीज़े पन समझते है

03:46देखो जैसे मालूम है यहाँ पर किसी Amazon के उपर आता हूँ

03:50मिरे को यहाँ पर इस तरीके से मेरे cards दिखाए दे रहे

03:53पहला card यह बनावा है दूसरा यह बनावा है तीसरा यह बनावा है चोता यह बनावा है

03:56अब यह सारे card एकी line के अंदर आ रहे हैं

03:59अगर मैं इसको responsive में देखूँगा मतलब इसको अगर मैं किसी other device में देखूँगा

04:04तो यह card उससे साफ़ से arrange भी हो जाएंगे

04:06जैसे मैं किसी और website पर आता हूँ, एक और पॉर पर आता हूँ, soll store भी पर आते हैं अब ये के लिए एक बार इस website पर आते हूं

04:14अब ये बनावा कैसे है अगर मैं बात करूँ ये बनावा कैसे है तो देखो यहाँ पर अगर मैं बात करूँ तो यहाँ पर अपने पास अपना ये एक main container है ठीक है ये main container है और इस container के अंदर अपने पास अपने cards बने हैं जैसे पहला card ये बनावा है अपने पास ठीक है दू

04:44वो अपने पास यह बना वाए, तो इस तरीके से main container आपका यहापर कौन सा हो गया, यह आपका main container है, यह आपका क्या हो गया, यह जो है, यह आपका main container है, यह main container है अपना, ठीक है, और इसके अंदर अपने पास यह अपने cards बने वे हैं, अब आप जैसे जब भी एक div लेते हो,

05:14तीसरा डिवी ए है छुथा डिवी ए है यह boxes आपने ऐंच करें. तो उआपने और आपने आपस जो डीव के आपने होbasis तो पहला वाक्स करें, और तीसरा वक्स कपने नहीं आयसे आपने वेव mencionते हैं तो आपने एक अंudra box ऑपने इक आपने team box ऑर गंतव आइक।

05:44अपन यहाँ पर इस काम को complete करते हैं, तो अपना जो flexbox है, वो काम आता है अपने CSS के layout module को set करने के लिए, मतलब containers के अंदर, किसी भी container है, उसके अंदर जितने भी element है, उनको align करने के लिए, distribute करने के लिए, या फिर space manage करने के लिए अपने flexbox का, तो यह अपने पास अपना flexbox ह

06:14महाँ पर अगर अपन बात करें flexbox की, तो यह दो पार्ट के अंदर divide होता है, जैसे अपने काम करते हैं,

06:44देखो, अगर मैं बात करूँ, जैसे मैंने यहाँ पर कोई एक box लिया, अब उसके अंदर अपने पास और boxes बने वे हैं, जैसे यह एक box अपने ले लिया, बन क्यों नहीं रही है,

07:08यह एक box लिया मैंने, और इस box के अंदर मैंने और Rox boxes ले लिया, जैसे पहला box यह है, �OR दूसरा box अपन यह कहतेते हैं, जैसे अपने boxes लिया, अपने यह boxes अरे, इसके अंदर और Rox boxes अपन ले सकते हैं, जैसे

07:29एक बार के लिए वापस बनाओ, इसको थोड़ा सा बड़ा बना लेते हैं, यह एक box है, इसके अंदर मैंने यहाँ पर boxes लिए, पहला box यह है, ठीक है, ऐसे ही मैंने दूसरा box ले लिया यहाँ पर, ऐसे ही मैंने यहाँ पर एक और box ले लिया, तीसरा, ठीक है, तो इस तरीके स

07:59अपने पास flex item, तो ये जो है अपने पास, ये अपने पास क्या अपना flex का container है, ठीक है, ये अपने पास क्या अपना flex container, और ये तीनों जो है, वो अपने पास क्या अपने flex के items है यापर, ये अपना flex container है, और ये अपने पास क्या अपने flex item है, अब जो display flex property अपने पर लगाते

08:29इसके अंदर अपने चांटेनर के Master म् आपनेरे स्सक्राइब पर क्लूक्य उक्षियरे से जैसे अपनर यहां पर यहां पर आता हूं यह सिच्विशन

08:55यहाँ पर अपन समझ लें अपने flex को

08:58flex.to.stml एक नई class बना लेते हैं

09:02boilerplate लगा देते हैं

09:04अब मैंने यहाँ पर क्या किया

09:06एक container बनाया

09:07मैं यहाँ पर कहता हूँ

09:09एक container

09:11मतलब जिसकी class यहाँ पर container है

09:13अब उसके अंदर मैंने यहाँ पर boxes बनाने

09:15जैसे मैंने box बनाया

09:16एक box बना दिया

09:17दो, तीन, चार, चार box बना दिया

09:20जिनको मैं आपर कहता हूँ

09:21यह first है, यह second है, यह third है

09:23और यह fourth है

09:24तो अभी अगर आप यहाँ पर देखोगे

09:27तो अपने पास यहाँ पर क्या है

09:29यह जो आपका main div है

09:31अब main div आपको यहाँ पर समझने के लिए

09:34काम करते है, styling कर देता हूँ

09:35मैं इसके उपर, मैंने style करा

09:36और style करके मैंने बुला

09:37कि मेरे पास dot जो container है

09:41उसके उपर आप अभी के लिए border बना दो

09:443 pixel की solid और black color की border बना दो

09:48तो इस container के अंदर

09:50अभी अपने पास के अपने

09:514 boxes arrange है

09:53चार boxes arrange है

09:55अगर आप यहाँ पर इसको भी target कर लो

09:57तो मैं यहाँ पर कहता हूँ

09:58कि dot container उसके अंदर

10:01जो भी अपने पास के अपने box है

10:03उनको मैं यहाँ पर target कर रहा हूँ

10:05बॉक्स लिख दो यहाँ पर

10:06उसके अंदर जो भी box है, उनको मैं आपर target कर रहा हूँ, और उस पर अपन border बना देते हैं, अभी के लिए 3 pixel solid और green color की border में बना देता हूँ, सब boxes के उपर, ठीक है, सब पर बना दी बने, तो अभी अपना main container है, उसके अदर अपने पास अपने 4 container बने वे हैं, ठीक है, तो य

10:36ठीक है, चलो बाई, next अपन आगे चलते हैं, ये flex container और flex item की बात होगी, अब देखू, उससे पहले अपन यहाँ पर समझते हैं,

10:57आपने main access क्या होता है, और अपना cross access क्या होता है, क्योंकि main access और cross access के through ही, आप समझ पाओगे, कि flex किस तरीके से work करता है, तो एक बार के लिए मैं यहाँ पर flex ही सर्च कर लेता हूँ,

11:08flex in CSS लिख दो पूरा, ठीक है, कुछ images आईगी हूँ, images के through मैं आपको समझाता हूँ, इसको थोड़ा सा और अच्छे से,

11:21जैसे हैं यहाँ पर इसमें कुछ image दे रखे होगी,

11:23एक image थी, जिसके through थोड़ा सा सही image थी हो,

11:32मिल जाए तो उससे समझाता हूँ, नहीं तो बार के तो सही है ही,

11:36जैसे,

11:49MDN के इस पर आते पन,

11:53इस नहीं पिल रही,

12:15जैसे यह वाली image इस पर आजाते पन,

12:17नहीं नहीं पर आए बैसे image समझाने के लिए,

12:23और यह image आजा रही है अपने पास,

12:27लेकिन यह सही से आ रही हैं जो के क्यों नहीं आ रही है,

12:30झाल झाल

13:00देखो समझो इस चीज को

13:07अब देखो यहाँ पर एक तो main axis होता है और एक अपने पास होता है अपना cross axis ठीक है

13:25अब यह depend करता है अपने किस के उपर यह depend करता है अपने flex direction के उपर

13:30एक तो अपने पास क्या होता है अपना main axis, ठीक है, और एक अपने पास होता है अपना cross axis, ठीक है, main axis और एक अपने पास होता है अपना cross axis, अब देखो किस तरीके से यहाँ पर यह वाग करता है, main axis और cross axis, अब यह depend करता है आपकी flex direction के उपर, यहाँ पर आप देखोगे देख

14:00अब अगर आपने यहाँ पर flex डियरेक्शन क्या कर रखी है, row wise set कर रखी है, अगर मेरे पास flex direction जो है, वो कैसे set है? row wise यहाँ पर set है, तब अपने पास अपना जो cross axis है और जो main axis है वो यह होगा, अगर मैं यहाँ पर बात करूओ मेरे main axis की, टीक है?

14:21मैं अगर मेरे main axis की बात करूँ तो वो अपने पास कैसे होगा, horizontal होगा, horizontal अपने पास अपना main axis होगा, और अगर अपने बात करें, अपने cross axis की, तो वो कैसे होगा, वो अपने पास अपना vertical होगा, इस तरीके से अपने पास main axis और cross axis होगा, अगर अपने पास flex की direction कैसे set है, row wise

14:51एक main container है, उसके अंदर सारे जो child containers है, वो अपने पास row wise set है, तब अपने पास जो अपन यहाँ पर बात करते हैं किसकी main axis की और cross axis की, तो main axis horizontally होगी और cross axis आपकी vertically होगी, ठीक है, मतलब main axis आपकी left to right होगी, और अगर अपन बात करें अपने cross axis की, तो वो अपने पास क्या होग

15:21होगी, अपने पास यहाँ पर column wise set होगी, अगर मेरे पास यहाँ पर flex direction की मैं बात करता हूँ, कि मेरी जो flex direction है, वो अगर मेरे पास कैसे set होगी, अपनी column wise set होगी, तब अगर मैं यहाँ पर बात करूँ, अपने main axis की, अगर मैं बात करता हूँ, अपने main axis की, तो यहाँ पर

15:51तब main axis का है left to right है

15:54लेकिन अगर अपन इसको column wise set करते

15:56तो main axis कैसे set हो रहा है

15:57आपका main axis set हो रहा है top to bottom

16:00मतलब vertically और अगर

16:02मैं यहाँ पर बात कुरूप ने cross axis की

16:04तो cross axis कैसे set हो रहा है

16:06cross axis set हो रहा है आपके left to right

16:08बस यही चीज समना जरूर ही है

16:10flex के अंदर

16:11यह important है कि direction किस तरीके से set होगी

16:13cross axis और main axis कैसे रहेगा

16:16क्योंकि main axis जो है

16:17वो depend करता है आपके किस के उपर

16:19flex direction के उपर

16:20आपका यह जो main axis है यह depend करता है

16:23आपके flex direction के उपर

16:24यह वाला जो main axis है यह आपके flex direction पर

16:27depend करता है

16:28ऐसे अगर मैं cross axis के बात करूँ

16:30तो वो अपने perpendicular होता है

16:33अपने main axis के

16:34तो ये बात हो गई अपने पास

16:36अपने main axis और अपने

16:38cross axis की क्योंकि ये

16:40important है ये आपको समझ में आना ज़रूरी है

16:49यहां तक की चीजे के लिए रहे कि आप सबको

16:51कुछ समझ में आया थोड़ा बहुत

16:52मेरे साब से नहीं आया

16:54लेकिन जब अपन आप इसको करेंगे practically

16:56तब चीजे समझ में आईगी

16:57तो article चीजे नहीं आती समझ में

16:59इतना मैंने समझाया आपको बस लगा होगा

17:02कि हाँ main axis होता और cross axis होता

17:04और इस तरह के से आपके containers होते हैं

17:06लेकिन अब अपन यहाँ पर अपने जो container है

17:10उसकी properties अपन यहाँ पर देखते हैं

17:12कि display की क्या-क्य properties आती है

17:14ठीक है अब देखो यहाँ पर मैंने क्या किया

17:20अपना जो main container है उसके अंदर अपने क्या ले रखे

17:22अपने सारे boxes ले रखे

17:24अभी के लिए मैं इसको एक background color भी दे देता हूँ

17:27और background color अपन दे देते हैं जिसे brown

17:29ठीक है और इसकी width मैं आपर set कर देता हूँ

17:31वो मैं कहा देता हूँ 100% रखो

17:33height मैं आपर set कर देता हूँ 100 VH

17:36ठीक है वीच यहाँ पर क्या होती है

17:37viewport height होती है अगर आप 100 VH नहीं देना जाता है

17:40मैं percentage में देता हूँ 90% मैं यहाँ पर height देती हूँ

17:43ठीक है तो अब भी अगर आप देखोगे तो अपने पास जो अपना यह container है

17:47वो अपने पास इस तरीके से set हो क्या रहा है

17:49अगर 100 देते हैं तो पूरे 100 मतलब जो आपका viewport है जो आपको भी दिखाई दे रहा हूँ उसकी height set हो जाती है

18:02ठीक है अब अपने पास जो boxes है उसको भी अपन यहाँ पर set कर देते हैं

18:07उसको भी मैं यहाँ पर background color देता हूँ और मैं कहा देता हूँ yellow दे देना

18:11और मैं width भी set कर देता हूँ width मैं कहा देता हूँ 300 pixel रखो width चीक है और उसके साथ height भी अपन set कर देते है 300 pixel

18:20यह मैंने boxes की height और width यहाँ पर set कर दी तो देखो अपने पास अपने boxes इस तरीकी से आ रहे है बहुत ज़्यादा है height और width चेंज कर दो 300 ना करके

18:28अपन यहाँ पर कहते है 50 pixel रख लो चोटे चोटे बॉक्स रख लो ताकि अपने box container के अंदर ही रहा तो मैंने यहाँ पर 50-50 pixel रख ली यहाँ पर देखो यह boxes अपने पास इस तरीकी से arrange हो क्या रहे हैं अब यहाँ काम करते हैं यहाँ पर जो अपने boxes है उसी के उपर अपन

18:58यह arrange कर रहे हैं तो यहाँ पर मैंने क्या किया मैंने एक main new लिया है जिसको अपने यहाँ पर क्या करें अपना X

19:27प्रोपटी आए इसले अपनी पर प्रोपर्टी आती है does public reference यहां पर अपने पर इनको प्रोपर्टी अब में यहां पर जो अपना मेंड्र है उसकी

19:48प्रोपर्टी सबसे पहले आपने लागातें डिस्द्रेग जैसे इन डिस्पले क्ला वे को

19:52कुछ changes दिखेंगे और वो changes क्या दिखेंगे यहां पर जो आपके यहां पर यह आइटम थे फ्लैक्स आइटम थे वो सारे horizontally यहां पर अरेंज हो गए है यह सारे horizontally आपके यहां पर अरेंज हो गए है जैसे आपने इस पर क्या लगा अपने इस इमेज को open करो और चेक करो अब �

20:22इसका मतलब अगर इनकी यहां पर एक्सिस के बात करो तो वह एक्सिस कैसे सैट है

20:30क्रोस एक्सिस क्या है क्रोस एक्सिस आपकी यह है और में एक्सिस क्या है में एक्सिस आपकी यह है क्योंकि फ्लैक्स डियरेक्शिन यहां पर क्या है

20:37है रोवाई से तो रोवाई से अंदर अगर अपन बात करते हैं तो वहाँ

20:42पर में एकसिस क्या होता यह लेफ टू राइट होता है और अपना जो

20:47ख्रॉस एक्सिस है वह कैसे होता है इत्प्रॉप टू बाटम इस तरीके से

20:55अबने पास बात एक ता

21:07आपने रback से इस का मत रखो अच्छा लेग रखो इसको ब्लाक़ इसको- इसकी हाइठ हटा देता हूं

21:20हाइट से भी कोई सेंस नहीं है हाइट को हटा देते हैं जितने कंटेनर से उससाब से वह रहीं जो किया जाए अपने पास ठीक है तो अपने पास यह जो में था इस में फ्लैक्स जो अपने पास कंटेनर था उसके अंदर फ्लैक्स आइटम को मैंने यहाँ पर इस तरीके से से

21:50अब मैं यहाँ पर इसकी डायरेक्शन चेंज करता हूँ, दूसरी प्रोपर्टी आती है अपने पास फ्लैक्स डायरेक्शन लगाया और मैंने बोला रो, पहली वैल्यू मैंने यहाँ पर क्या थी, रो, तो जैसे आप रो दोगे, तो रो वाइस तो यह बाई डिपोल्ट ए�

22:20करते हैं, तो यहाँ पर में एक्सिस कि यहाँ आपका, में एक्सिस left to right है, और आपका cross axis top to bottom है, छिक है, अब मैं यहाँ पर इसकी flex direction चेंज कर देता हूँ, मैं यहाँ पर बोलता हूँ

22:32और आप यहाँ पर कर दो column wise

22:35ठीक है

22:36अब अगर आप column wise कर दोगे तो

22:38आपके containers कैसे set हो क्या रहे

22:40column wise set हो क्या रहे

22:41और column wise की अगर अपन बात करते हैं

22:43तो main axis क्या है top to bottom

22:45तो यह आपका main axis है top to bottom

22:47और जो cross axis है वो अपने पास

22:49यह है left to right

22:51तो यह बात होगी अपने पास

22:53अपनी display flex की जिसके अंदर मैंने

22:55display flex लगाया और फिर उसके बाद

22:57अपन ने यहाँ पर क्या किया उसके उपर

22:59एक तो लगाया अपना cross axis और

23:01एक अपन लगाया अपर main axis

23:03अब देखो अपन properties

23:05देखते पर चलते हैं कि अपने पास

23:07कउन कॉन सी properties आती है

23:11अब पहली प्रोपर्टि आती है अपने

23:12पास justify content अब justify

23:14content यहां पर क्या करती है मैं सबसे

23:16पहली property लगाता हूं यहां पर justify

23:18content और उसके अंदर में यहां

23:20पर लगाता हूं center तो देखो जैसे dlatego

23:22में याँ पर justify content center लगाता हूँ अभी के लिए मैं ट्राइटेंट क्या रख रहा हुं क्वालम वाइज ना रखकें मैं कहता हूँ कि

23:29प्राइट डइरेक्शन रोवाइज है श्यूचार रोवाइज है और उसके अंदर मैंने याँ पर क्या लगा है justify content चिके तो चलो

23:38चेक करते क्या हो रहा है तो जैसे ही आप इसके अंदर flex direction row wise लगाओगे और justify content लगाओगे तो mean axis के अंदर मतलब horizontally आपके जो flex items थे वो center के अंदर आ गए इसका मतलब justify content property क्या काम आती है अपने flex container के अंदर जो भी flex items होते है वो justify content से center में आ जाते है horizontally कब जब आप उसके उपर

24:08row के अंदर क्योंकि mean axis से center में आ रहे है अब भी flex direction क्या है row wise है तो mean axis से अपने इसको क्या कर दिया center में इसका मतलब justify content में अगर अपन यहाँ पर center लगाते तो mean axis यह वाला work करता है left to right लेकिन अगर मैं यहाँ पर इसको change करूँ ठीक है मैं यहाँ पर change करता हूँ

24:29flex direction को मैं flex direction को row wise ना रखके मैं कहा देता हूँ कि यहाँ फ्लैक्स direction को आप यहाँ पर column wise ठीक है

24:36flex direction कैसा है column wise तो अभी justify content center अपने लगा रखा है लेकिन यहाँ center में आना चाहिए था यह यहीं आना चाहिए था नहीं

24:45मैंने क्या बताया justify content work करती है आपकी main axis में अब आपने इसकी direction क्या करती column wise

24:51column wise करते ही main axis आपका कौन सा है top to bottom और top to bottom यह center में ही है

24:58top to bottom यहाँ पर center में ही है नहीं पता चल रहा कोई बात नहीं पर इसकी height set करते हैं

25:04आपको automatically clarity मिलेगी मैं यहाँ पर इसकी height set करता हूँ

25:07मैंने height set करी अब देखो इसको छोटा करके देखो तो देखो यह main axis के अंदर center में है

25:13जो आपका main axis आ रहा है उस main axis में center में क्योंकि अब जो main axis है वो कैसे अपने पास top to bottom है

25:20क्योंकि आपने इसकी flex direction क्या कर रखी है flex direction आपने column wise कर रखी है

25:25तो उस हिसाब से आपका यहाँ पर justify content center main axis पर work कर रहा है

25:29तो इसका मतलब justify content आपका main axis पर work करता है

25:33अब अगर मैं बोलू कि यहाँ पर आपने बोला main axis से तो center में ऐसे ला सकते है

25:39लेकिन अगर मैं यहाँ पर cross axis से center में लाना चाता हूँ

25:42क्योंकि अभी आपने इसको column wise सेट कर रखा है

25:45मतलब flash direction column wise है

25:47अब मैं यहाँ पर इसको किसके through center में लाना चाता हूँ

25:50अपने cross axis के through

25:52अभी अपन column के उपर discuss कर रहे हैं तो column के उपर आ जाओ

25:55मतलब मैं यहाँ पर इसको क्या चाता हूँ

25:57मैं चाता हूँ कि मेरे पास cross axis के अंदर center में आ जाए

26:00तो जो justify content है वो main axis पर work कर रही है

26:04ऐसे ही अगर आप लगाते हो align items और उसके अंदर value देते हो center

26:10तो यह आपकी work करेगी किस पर?

26:13cross axis पर, yellow, cross axis में आपके यहाँ पर क्या हो गया?

26:16center में आ गया, जैसे मैं justify content को एक बार के लिए remove करता हूँ

26:21चिक है? और check करते हैं

26:23तो देखो justify content को जैसे मैं रिमूव करा

26:26तो अब भी कौन सा axis में center में है यह यह वाला कौन सा axis है आपका?

26:31left to right

26:31तो left to right अगर अपने flash direction column wise कर रही है

26:35तो left to right में कौन सा axis है यह आपका?

26:37cross axis

26:38तो cross axis में यह कैसे center में है?

26:40यहाँ पर center में आ रहा है क्योंकि cross axis में ही लगा है आपने

26:42चीक है? क्योंकि flash direction यहाँ पर क्या है?

26:44column wise और align item आपका work करता है

26:47cross axis पे

26:48justify content किस पे work करता है?

26:51आपके main axis पे

26:52और align item work करता है आपके

27:05तो यहाँ पर अपने अपने justify content और align item देखा

27:10कि अगर मेरा जो parent यहाँ पर container है

27:14उससे अगर center में लाना है तो उसके लिए अपन यह use लेते हैं

27:17अभी के लिए फिर से मैं height अटाता हूँ

27:19और अब एक बार के लिए अपन इन दोनों चीज़ों को हटाते हैं

27:23अब सिर्फ अपन डिसकस करते हैं अपने row wise के उपर

27:26ठीक है मैं row wise के उपर ही discuss करता हूँ

27:29कि अगर flex direction row wise है तो क्या हो रहा है flex direction row wise के अंदर

27:33यह आपका main axis है left to right और cross axis कैसे top to bottom

27:39इस image की तुरू आप बहुत अच्छे से समझ सकते हैं इसको

27:41मैं यहाँ पर आता हूँ और यहाँ पर आ जाओ जूम कर लो थोड़ा सा अब अपने पास बिल्कुल perfect है कोई दिक्कत नहीं है अब मैं यहाँ पर इसको लाना चाहता हूँ

27:52main axis में center में तो main axis के लिए कौन सा होता justify content आप बोलोगे justify content और यह आपका center में आ जाएगा ठीक है यह लो मैंने justify content क्या गरा center इसी के साथ मैं यहाँ पर जाता हूँ इसकी height लगाना मैंने height लगा दी

28:06height लगा होगे तो आपने 90 VH height लगा दी viewport की साथ हाइट होगी अब मैं जो cross axis है cross axis कैसा है top to bottom क्योंकि आपने इसकी row wise क्या रखी है direction तो आपका cross axis top to bottom चल रहा है top to bottom में में मिलको यहाँ पर center बिलाना है तो अपन यहाँ पर क्या लगाएंगे अपना align item और उसमें क्या दि�

28:36समझ सकते हैं देखो यह व्यूपोर्ट के साथ सेंटर में आ रहे है जो अपने flex items है मैं यहाँ पर इसको target करता हूं में container को target करता हूं यह आपका container है इस पर आपने लगा रहागा justify content और यह main axis पर आपका work कर रहा है और main axis कैसे चल रहा है आपका main axis चल रहा है यहाँ पर left to right

29:06नॉर्मल रखना है या फिर right side रखना है space around space around मतलब जितने भी आपके flex items है उन सब के बीच में equal space यहाँ पर divide होके वो उसको arrange कर देगा space between करोगे तो space between का मतलब यह है कि जो आपका first element है वो तो left side रहेगा पूरा second element जो है वो भी पूरा right side रहेगा लेकिन शुरू और last वाले

29:36space है वो यहाँ पर अपना create हो जाएगा यहा पने पास आजा यहाँ पर बराबर space यहाँ पर create हो जाएगा start, stretch यह अपने पास अरी values आती है जादतर प्र center यूज़ लेते है उसके अलावा space between यूज़ लेते है space around यूज़ लेते है तो यह ज़्यादा अपने काम आते हैं तो

30:06अपने align item की, तो align item

30:08के अंदर भी same सारी value है,

30:10ठीक है, पहला आपने पास आता है, baseline

30:12मतलब उसके जो starting line है, आपकी

30:14cross axis में वहाँ पर ले जाएगा,

30:16center, center में आ जाएगा, cross axis के

30:18end, end में आ जाएगा, flex and start

30:20same ही बात है, ठीक है, self end

30:22तो यहाँ पर उसके end में आ जाएगा, self

30:24start, start में आ जाएगा, ठीक है,

30:27अब देखो, stretch यहाँ पर

30:28क्या करता है, stretch यहाँ पर

30:30आपके इस element को

30:32stretch कर देगा, आपके जो

30:34mean container है, उसके हिसाब से,

30:36लेकिन अब भी यहाँ पर इसको stretch

30:38नहीं कर पा रहा, क्योंकि यहाँ

30:42पर, जो आपने इसको

30:44height दे रखी, एक बार के लिए इसको comment करो

30:46और फिर से आओ, यहाँ पर आओ,

30:48ठीक है, और

30:50इस container को यहाँ पर target करो,

30:52जो आपका main container है, उसको मैं यहाँ

30:54आपर target करता हूँ, और

30:56इसमें अपने align item में क्या

30:58बोला, stretch

31:00ठीक है, और

31:04height तो देनी पड़ेगी

31:06अपने को, height तो रखो, height में

31:08तो stretch करेगा, height रखो

31:10और एक बार के लिए वापस आओ

31:12stretch कैसे नहीं कर रहा हूँ

31:14देखते हैं, करेगा

31:16stretch भी करेगा, attention मतलो

31:18justify content

31:20और justify content में नहीं करना

31:22अपने को align item, मतलब

31:24जो अपना cross axis है, उसमें मैं कर रहा हूँ

31:26और मैं यहाँ पर बोलता हूँ कि आप

31:28इसको क्या कर दो, stretch, stretch का मतलब

31:30यह पूरा अपने पास stretch हो कि आजाना चाहिए

31:32value नीदी क्या बने है

31:35align item और stretch अपने लगा है

31:51एक minute box को target करो

31:55और इसकी height अटाओ यहां से

31:56अब देखो, stretch हो कि आगया

31:58जैसे आप stretch लगाओगे

31:59तो जो आपका main यहाँ पर flex है

32:03उसके अंदर वो stretch हो कि आ जाएगा

32:05अभी आपने stretch लगा है

32:07अब देखो, मैं सारी properties change करू

32:08मैंने align item कर दिया, center कर दिया

32:10center में आगया, end कर दिया

32:12अगर आप fix height रगोगे

32:13तो वो stretch नहीं होगा

32:14क्योंकि आपने fix height दे दी अपने

32:16जितने भी child element है उनको

32:18लेकिन अगर आप height नहीं दे रहे

32:20आप चाते हो कि मेरा container कितना भी

32:22छोटा बड़ा हो, main जो flex container है

32:24उसके हिसाब से child

32:26जो है, वो stretch होते रहने चीए

32:28तो वहाँ पर फिर आपको अपने child

32:30को यहाँ पर height नहीं देनी पड़ेगी

32:32stretch आप directly लगाओगे तो वो stretch होते रहेंगे

32:35उस container के हिसाब से

32:36जैसे यहाँ पर आते, और यहाँ पर भी

32:39इसके अंदर stretch नहीं आता

32:40इसमें अपन सिर्फ इसको जैसे मैं कहाँ देता हूँ

32:42कि आप space between रखो अभी के लिए

32:45तो इस तरीके से आपके container से यहाँ पर set रहेंगे

32:47main container की height जो है

32:49वो 90VH ना करके

32:51मैं यहाँ आपर कहाँ कि आप main container की

32:53height जो है वो आप रखो

32:55जैसे 40%

32:5740% अपन यहाँ पर इसको height जैते हैं

33:0040% में कोई effect नहीं पढ़ रहा है

33:07काम करो VH में दे तो इसको 50VH देता हूँ मैं

33:11तो देखो यहाँ पर 50VH में हो यहाँ पर set हो जाएंगे

33:14तो यह अपने पास अपना stretch होता है

33:17तो वो automatically stretch रहेंगे

33:18जैसे जैसे अपने पास अपना यहाँ पर display का size change होगा

33:22उससे आप से वो stretch होते रहेंगे

33:24तो यह अपने पास अपनी कुछ properties अपने देखी

33:27flags direction, justify content, align item

33:31चीक है तो यह चीज आपको यहाँ तक की चीज समझ मैं ही क्या

33:34क्योंकि flags important topic है

33:35आना ज़रूरी है

33:37अच्छे से समझ मैं आना ज़रूरी है में तो

33:41यहाँ तक की चीज के लिए रहे तो एक बार comment करके बताओ

33:44यहाँ तक की चीज के लिए रहे

34:07चलो कोई बात नहीं वहाँ पस repeat करता हूँ एक बार के लिए

34:21जो जो properties अपने देखी यह सिर्फ चार properties अपने देखी है

34:24ठीक है और अभी के लिए अपनी काम करते है

34:28सब कुछ जटा देते है

34:30इस चीज को copy कर लाता हूँ मैं और यहाँ आप लगाते हैं

34:37अब देखो properties अपने क्या देखी

34:59अपने देखी है यहाँपर फ्लैक्स दरेक्शन

35:04और उसके अंदर अपने पास दो value है

35:09एक तो row wise और एक अपने पास अपनी column wise

35:13दो value मैं यहापर set कर सकता हूँ

35:15उसके अलावा आपने देखा है यहापर अपना justify content

35:19टीक है justify content टीक है

35:26अब इसके अंदर भी बहुत सारी value आ रही है

35:28अब यह जो justify content है यह कैसे लगती है

35:31यह लगती है आपके main axis में

35:33main axis पे

35:37justify content कैसे लगी कि main axis पे यह याद रखो

35:40और ऐसे ही अगर मैं बात करूँ अपने align item की

35:43तो align item कैसे लग रही है

35:48align item आपके लगती है cross axis पे

35:50बस यह चीज याद रख लो

35:52आपको automatically समझ में आ जाएगा कि किस तरीके से

35:54एक तो आपको यह चीज समझी है

35:56कि अगर direction row wise है

35:58तो जो main axis है वो कैसे चल रहा है

36:01वो चल रहा है आपका left to right

36:03और जो cross axis है वो कैसे चल रहा है

36:06वो ऐसे चल रहा है

36:07मतलब top to bottom

36:11और अगर column wise है

36:14तो main axis कैसे चल रहा है

36:16main axis आपका ऐसे चल रहा है

36:17top to bottom

36:18और जो cross axis है वो कैसे चल रहा है वो चल रहा है आपका left to right

36:23बस अब ये direction दो है अपने पास एक तो row wise और एक column wise

36:29अब आप row wise करोगे तो justify content main axis पे work करेगा

36:33जैसे मालो row wise है तो justify content main axis मतलब left to right work करेगा

36:37ठीक है और जो अपना align item है वो cross axis पे work करेगा

36:41मतलब top to bottom पे work करेगा row wise लेकिन अगर आप column wise set करके रखते हो

36:46अपने containers को अपने items को तो column wise के अंदर जो है वो कैसे work करेगा

36:51justify content main axis मतलब top to bottom work करने वाला है और जो आपका यहाँ पर align item है

36:57वो यहाँ पर left to right work करने वाला है बस इतना सा concept है यह concept समझ में आया तो बहुत easy है फिर तो समझना

37:03तो display flex लगाते ही अपना flex यहाँ पर active हो जाता है और by default इस पर जो property है flex direction वो row यहाँ पर apply रहती है

37:12फिर अगर आप justify content लगा रहे हो तो वो लगेगी main axis के हिसाब से मतलब horizontally और अगर अपन बात करें यहाँ पर अपने align item की तो वो लगेगी यहाँ पर कैसे अपने cross axis के हिसाब से मतलब vertically यही हो रहा देखो row wise अगर अपन बात करें तो horizontally main axis है आपका और vertically आपका यहाँ पर क्र

37:42कोलम वाइस के अंदर अगर मैं बात करूं अपने justify content की अगर आप justify content लगाते हो तो वहाँ पर अगर आप center में करते हो तो वह कैसे होगा वह का mean axis के साबसे मतलब vertically बस इतना सा याद रख लो और अगर अपन बात करें यहाँ पर अपने किसकी align item की align item की बात करता हूं तो वहा�

38:12बस यही चीज़े अपने देखिए अपने इस flags के अंदर यहाँ तक की चीज़ I hope कि आपको बहुत अच्छे से समझ में आई है ठीक है चलो बाई आगे चलते हैं यहाँ तक की चीज़ चो clear होगी अब अपने पास justify content है अपना align item है ऐसे ही अगर अपन यहाँ पर एक align content भी �

38:42मैं यहाँ पर आता हूं और मैंने इसको विट दे रखिए हाइट एक बार के लिए में हटा रहा हूं और मैंने यहाँ पर फ्लैक्स डाइरेक्शन लगा रहें कि रोवाइज justify content center align item center ठीक है और मैंने यहाँ पर containers मना रहें कि अपने boxes मेरे पास इस तरीकी से boxes आ रहे है चलो

39:12boxes यहाँ पर बढ़े है तो इसकी width और height यहाँ पर automatically आपको लग रहा है कि change हो रही है उस रिसाप से arrange ही नहीं है जैसे मालों मैं यहाँ पर comment कर देता हूं भी कुछ boxes को तो अभी आप देखो कि अभी boxes बिल्कुल perfect size के अंदर जो आपने width दी है जो आपने height दी है उस रिसाप

39:42अभी भी क्या है बारही है लेकिन मैं चाहता हूं कि वो अपनी यहाँ पर property change ना करें क्योंकि यहाँ पर property change हो रही है width और height दो चलो वही है width यहाँ पर change कर रहा है और width के साब से height भी change हो रही होगी ठीक है तो अब अपन चाहते है अभी जैसे मैं यहाँ पर इसको inspect करके च

40:12जो आपका flex container है उसी पर आप property लगाओगे अपनी flex wrap property और उसके अंदर लिखोगे आप यहाँ पर wrap तो जैसे आप इसको wrap करोगे तो आपके जो containers है आपके जो यहाँ पर boxes है flex box उसकी width और height कभी भी change नहीं होगी वो अपने 50-50 pixel पे ही रहेंगे हमेशा अगर नहीं होगे तो

40:42containers arrange होते रहेंगे जैसे-जैसे height change हो रही है आपका display change हो रहा है वैसे-वैसे वो containers arrange हो रहेंगे तो यह कभी भी अपनी width और height यहाँ पर change नहीं करेंगे तो यह अपने पास काम आते है अपने इसको responsive बनाने के लिए

41:00तो यह मतलब allow करते हैं अपने items को कि वो एक नई line के अंदर यहाँ पर क्या हो वहाँ पर चले जाए अगर enough space नहीं है तो अभी देखो enough space नहीं है जैसे मैं और इसको करता हूं तो enough space नहीं है यहाँ पर यह पूरे 12 container एक line में नहीं आ सकते थे तो इसने देगा कि यह नई line म

41:30ठीक है यहाँ पर आके अगर आप चेक करते हो जैसे अभी यह card अपने पास चार दिखाए दे रहे हैं अगर मैं यहाँ पर इसको inspect करके check करूं तो देखो क्या होता है inspect के अंदर यह लो वो एक ही करेंज हो गए आपके card सारे card एक ही करेंज हो गए हैं यहाँ और अगर आप

42:00ऌut बॉल रहे हैं इस तरीके से तो यह अपना The Past का ऐसे ही अपने पास और क॑न कौन से फोपर्टी आतीह है ऐसे अपने पास गवर्ध आतीहँ

42:10अब यहां पर आपको अपने पास अपनी गैप प्रोपर्टी आती है

42:39ठीक है तो यह अपने पास काम आती है कि अपने margin को use ना करें

42:44no need margin कोई margin की इस्तेवाल नहीं करना अपने को

42:46तो यहां पर अपना जो main container है उसी पर लगीगी

42:50क्योंकि अब भी सिर्फ मैं अपने parent की बात कर रहा हूँ

42:53कि मेरे पास जो flex container उस पर कौन कोई सी property आती है

42:56तो मैंने gap लगाया और मैंने बुला कि यार आप 10 pixel का gap करते ना

42:59तो जितने भी आपके यहां पर child से उन सब की बीच में 10 pixel का gap आ जाएगा

43:03यह लो सब की बीच में 10 pixel का gap यहां पर हूँ रखा है

43:06अंदर spacing करनी है तो फिर आप padding लगाओगे आप बोलो कि यहार पैडिंग लगा तो इस पर और 10 pixel की पैडिंग लगा लो

43:12जो मेरे पास यहां पर मेरे आइटम से उनकी बीच में मैंने जो gap करा वो मैंने करा है किस से

43:18अपने gap properties है तो यह अपने पास अपनी gap property होती है जो अपने यहां पर discuss करें तो यह अपने जो

43:28flex है उसके अंदर अपने पास जो अपना parent है उसकी properties मैंने यहां पर आपको बताईए कि parent की कौन कौन सी अपने पास यहां पर properties आती है

43:37ठीक है

43:43clear है यहां तक की चीज

43:46यहां तक की चीज के लिए रहे तो एक बार कमेंट करके बताओ

43:52यह सर्, या फिर कोई भी डाउट है तो डाउट भी आप पोछ सकते हो

43:55क्योंकि important property है, काम आती है, जरूरी है

43:58flex और grid, दो ऐसी display property है

44:04जो आपको CSS में महारत आसिल करवा देगी

44:07क्योंकि main CSS में responsive नैसी होता है

44:11कि आप किस तरीके ज़र responsive बना लेगे, properties तो सभी आद कर लेंगे

44:14लेकिन main अपने containers को arrange करना, उसको responsive बनाना main काम यही होता है

44:20यही से आपके strong points बनना शुरू होंगे

44:25सिवाक्षी करें कि सर, gap में parent, container और child पे भी work करता है

44:36नहीं, gap property सिर्फ आपके parent container पे work करती है

44:40यह सिर्फ मैं parent की बता रहा हूँ

44:42parent नहीं बोला कि यार सब दस-दस pixel का gap लेके खड़े हो जाओ

44:45अपने सारे बच्चों को, तो वो सब दस-दस pixel का gap लेके खड़े हो गए

44:49अगर जगे नहीं है तो नीचे चले जाना, एक line नीचे हो जाना तो वो नीचे हो जाएंगे

44:55align item मैंने बोला कि पहले आप देखो, मैंने आपको किस तरीके से set करा है

45:00row wise set करा है direction इसका मतलब आपका main axis यहाँ पर क्या रहने वाला है

45:04main axis रहने वाला है यहाँ पर left to right

45:07और जो आपका cross axis है वो top to bottom लेने वाला है

45:09अगर मैंने flags direction row wise कर रखा है

45:12अगर column wise कर दूँगा तो flags direction आपकी यहाँ पर column wise होते ही

45:17आपका main axis और cross axis चेंज हो जाएगा

45:19तो अभी justify content main axis में यहाँ पर center में आ रहा है

45:23ठीक है left to right ठीक है

45:25और अगर मैं यहाँ पर इसको column wise कर देता तो यहाँ पर जो justify content है

45:29वो top to bottom हो जाता ठीक है

45:31तो यह अपने पास अपनी gap property है

45:34जो अपने gap लगाने के लिए यूज कर रहा

45:35margin को use ना करके

45:37और कोई doubt किसी का

45:55सर गैप की length बढ़ा नहीं हो तो length बढ़ा नहीं हो तो यहाँ पर जितना भी gap आपको रखना है वो pass कर दो

46:01अभी मैंने 10 pixel pass कर रहा है आप change करोगे

46:04आप बोलोगे कि 30 pixel का कर दो gap तो 30 pixel का हो जागा

46:08जितना आप pass करोगे उतना ही gap यहाँ पर होता रहेगा सब elements की बीच में

46:1130 pixel का gap है भी ठीक है जैसे यहाँ पर आगे अगर आप check करोगे तो 30 pixel का gap आ रहा है इन सब की बीच में

46:18देखो

46:21main container को target करो यह रापका main container तो देखो सब की बीच में 30 pixel का gap है यहाँ पर

46:27और यह बहार क्यों जा रहा है यह जा रहा है पैडिंग की विज़े से इसको पैडिंग को हटाई तो भी के लिए

46:38पैडिंग हटा दो height रख लू पैडिंग हटा दो height 90 VH रख लो एक बार के लिए

46:53अब देखो क्या हो रहा है आपर इस तरीके से आ रहा है gap सब की बीच में सेम है और यह flex wrap property आपने लगा रहा है कि उस हिसाब से वह आपके पास arrange हो क्या रहे है अब एक और property यहाँ पर आपन देखते हैं और वह अपने पास काम आती है अपने

47:09align content मैंने align item बता है align item आपके cross access पर वर्ग करती है लेकिन align content जो है वो काम आती है कि जैसे मालो आपने multiple rows और columns में आपने arrange तो कर दिया लेकिन उसको आप किस तरीके से set रखना चाते हो ठीक है

47:27multiple rows और columns में arrange होगे कब जब आपने display प्रोपर्टी तो लगाई flex और उसके साथ आपने flex wrap प्रोपर्टी लगा दी क्योंकि जो आपका align content है वो वर्ग करता है

47:39तब ही enable होती है आपकी align content वाली प्रोपर्टी चुरो चेक करते है align content क्या होता है मैं यहाँ पर आता हूँ और align content मैं आपको inspect के तुरू लगागे दिखाता हूँ ताकि आपको clarity मिलेगी align content किस तरीकी जबाग करता है

47:53ठीक है इसको थोड़ा सा इस तरीकी सरके लो elements को और यहाँ पर आओ और अपने div को यहाँ पर target करो

47:59मैं यहाँ पर लगाता हूँ अपना align content मैंने align content लगाया अब देखो यहाँ पर मैं बोलता हूँ बेस लाइन तो आपकी बेस लाइन पर चले गए

48:07मैंने बोला center तो वह center मैं आ गया

48:34एकूसे सब्सक्राइब करता है अब अधिस्कर आपको

48:57करता हूँ और यहां पर आके अपन लगाते अपनी प्रोपर्टी और वो मैं

49:01सब्स्क्राइब

49:28बोला कि आप स्पेस्ट बिट्विन कर देना तो यहां पर यह एपलाई नहीं हो रही क्योंकि यह सिर्फ फ्लैक्स व्रैप के कारण ही एक्टिव होती है आपकी प्रोपर्टी देखो इस पर अगर आप करसर लेके रखोगे तो यह बता रहा है तब ही आप यहां पर अपने

49:54अ aline content को use कर सकते हो अपने जो आपकी जितने भी content यह आपर arraynge हो क्या रहा ही उनको किस तरीके से आप show करना

50:00चाते हो उसके लिए आप यहां पर align content को यहां पर use कर सकते हो तो यह आपकी space between प्रोपर्टी होती है ठीक है इसस बीतवियुन के align content property होती है जो आप यहां

50:10यूज कर सकते हूँ आशीश के लिए जैसे सर हम website में ये प्रड़क्ट होते है या sections के अंदर div होते है या फिर div के अंदर div बने वे होते हैं एक div लिया उसके अंदर div बने वे है जैसे आप ये create करना चाहते हूं जैसे मैं Amazon के उपर आता हूं ठीक है आप ये create करना चाहते हो �

50:40पहले क्या है, पहले main div, यह आपका आज का task है, यह आपका आज का task यह है, कि आपको एक div लेना है, same यही बनाना है, अब उसके अंदर आपको चार्ट div लेना है, पहला div यह हो गया आपका, ठीक है, दूसरा div यह हो गया, यह responsive भी होने चीए device के हिसाब से, जितनी properties मैंने बता

51:10करता हूँ यह, अब उसके बाद अगर अपन बात करें, तो उसके बाद अगर अपन बात करतें, तो अपने पास यहाँ पर इसके अंदर एक div और रहेगा, जिसमें आपको यहाँ पर क्या करने है, चार images लेनी है, एक, दो, तीन, और चार, मतलब एक div के अंदर चार div और ल

51:40तो पहले structure बनाना, फिर उसके बाद इसको यहाँ पर आप styling करना, पहले structure बनाना की क्या structure रहेगा, फिर उसके बाद आपको styling करना है, और यह flags wrap property से ही, sorry, display flags से ही आपको करना है यहाँ पर, complete display flags use करके आपको यह बनाना है, चिक है, यह तो नीचे तो see all deals का यहाँ पर क्या ल

52:10So once flex direction with column बताए, please, ठीक है, UG gaming grid, yes, बिल्कुल grid आगे discuss करेंगे, अभी से flex के पर discuss करेंगे, तो flex पे ही ध्यान दू, सिवाक्षी करेंगे, sir, gap display flex में लगा कर अगर direction ना दे, ठीक है, gap display flex में लगा कर अगर direction ना दे, और containers top, bottom and left, right दोनों में है, तो left, right और top, bottom दोनों में ल�

52:40तो direction नहीं देंगे, तो direction तो वो row wise ही रखेगा initially, जैसे मालों आप column wise के अंदर अगर gap करते हो, आपने गुला कि मैं को column wise रखनी है direction, तो उसके अंदर वो उसे हिसाब से gap property पनी लगा देगा, यह देखो, उनके बीच में gap तो बोई रहेगा, ठीक है,

52:58तो यह आपका आज का task है, छोटा सा task है, अभी सिर्फ अपने अपने जो flags है, उसकी parent की properties अपने देखी, child की properties अभी नहीं देखी है,

53:17चाइल की properties भी अपने देखेंगे, कि कौन कौन सी होती है, वो अपन next class में देखेंगे, क्योंकि आज सुनी हो पाईगी, child की सारी properties, और इसके अंदर अपन छोटे मोटे task भी बनाएंगे, एक दो, ताकि आपको flags clear हो,

53:31यहाँ तक की change clear है, तो बताओ,

53:32यहाँ तक की change clear है, कोई doubt नहीं है किसी को,

53:56ठीक है, तो इसके practice करना, जो मैंने चीज आपको बताईए,

53:59attendance का point 1 मैं आपको बताता हूँ, attendance के point 1 के अंदर आपको mention करना है,

54:03flex, यह attendance का point 1 है, जिसमें आपको flex mention करना है,

54:16ठीक है, इस image को जरूर, इसी को use करना, इससे आपको clarity मिलेगी,

54:21तब ही मैंने यह use करी है, ऐसे images कूप सारी है, लेकिन आप इसको ही देखना,

54:25मैंने आपको share करी है, यही से download कर लो, इसको image को,

54:30यहापर ते को download का option देता होगा, यह कहीं ने बहीं तो,

54:34यह download का option देता है यहापर, इसको download कर लो image को,

54:38यह तो आप वहाँ पर जाके चेक कर लें ना, website पर,

54:41Google पर जाके चेक करूँ के तू भी मिल जाएगी,

54:43इमेज पोई डाउट नहीं किसी को

55:13मेरा वेबसाइट प्रोजेक्ट रिप्लाई ठीक है उसका भी रिप्लाई करते हैं एक बार अपन क्लास एंड कर दे हैं उसके बाद रिकॉर्डिंग आफ कर दो और उसके बात कर लेंगे अपन उसके डिसकस क्योंकि और किसी को कोई मतलब नहीं होगा उससे तो अपन अभी उ

55:43जो है सर जहां से हम प्रॉडक्ट ़ॉट्क्स बयर करते हैं कहां पर करते हैं प्रॉडक्स बजुख कर लो हूंत

56:01कि अब ही रोधिकश बनाने में टाइम लगेगा प्रोपर्टिस सीखो उसके बाद बना सकता हैं आप सेम वैबसाइट यॉबस सीखो और भी पहले

56:09कि अटनेंस के पॉइंट टू के अंदर आपको मेंशन करना है और वो मेंशन करना है आपको यहाँ पर व्रैप अटनेंस के पॉइंट टू के अंदर क्या मेंशन करना है आपको व्रैप मेंशन करना है अटनेंस के पॉइंट टू के अंदर

56:39ठीक है अगर कोई किसी को कोई डाउट नहीं है तो आज की क्लास से इतनी रखते हैं

56:47मिलते हैं फिर अपने अपने नेक्स्ट क्लास के अंदर ठीक है