Day - 26 | CSS Grid Complete Class | Grid Container + Items + Template Areas

Name: Day - 26 | CSS Grid Complete Class | Grid Container + Items + Template Areas
Uploaded: 2025-12-30T08:56:25+00:00
Duration: 59 min 50 s
Channel: skillwaala

skillwaala

1 week ago

👨‍💻 What You’ll Learn in This Class:
✅ What is CSS Grid and why it’s better for modern layouts
✅ Understanding Grid Container and Grid Items
✅ display: grid, grid-template-columns, and grid-template-rows
✅ Using gap, row-gap, and column-gap
✅ Aligning items using justify-content, align-items, and place-items
✅ Grid Areas and how to design complex page layouts easily
✅ Auto-placement & implicit/explicit grid concepts
✅ Building a complete responsive project layout with CSS Grid

Category

📚

Learning

Transcript

Display full video transcript

00:00रवाईश गुट इवरीवन गुट इनिंग कोशल्या रवी रस्ट इंद्रा दिपिका रवी स्वारौ इशार

00:30एक पार सब रेस्पोंस कर देना कि मिली वाइस किलियर है और डिस्प्लेय आप सभी वह विजीबल है उसके बाद अपने आगे बढ़ेंगे ठीक है इदर वर्सल का प्रोजेक्ट 9 करके ठीक है परफेक्ट अच्छा बनाया है ठीक है सही यहां तब का रेस्पोंसिव इतना का

01:00और कि ओल्ट एन एकेरेट और ऑन यॉद्धा आपूंस कुल प्रोजेक्ट अपन परफेक्ट एक दम सही और ऐकूलिट है आजा वक्लास ऑग बढ़ए लात है

01:23सब्सक्राइब करते हैं तो फ्राइडे को डाउट सेशन लिया था तो उसकी कोई

01:42अगर डाउट सेशन होता है तो वह बेजाईश आप नहीं होती है अभी करें सर वर्सल पे दस से ज्यादा डिप्टर नहीं होते हैं क्या सर यस बिल्कुल उसकी लिमिटेशन होती है

02:08मंतली लिमिटेशन होती है उसकी पॉइंट के हिसाप से होता हूँ जुनायत करें कि गुड इविनिंग सर फुल स्टैक वैब डेल्पन बैच फूर सर यस सर ठीक है ठीक है पर्फेक्ट सही बनाया है इशा दूसरा यह हाइरिंग वाला बनाया है नहीं यह सही नहीं है इसको �

02:38को इस तरीके से बनावा कुछ अच्छा सा ठीक है उसके अलावा टीबल टास्क ठीक है सही है टीबल टास्क भी और

02:55कि यह लॉग इंवा बिल्कुल सही है कि अलका गारे सरह हम लोग एक सिस्टम से रहे हैं अलका अलज एंड आशीश मेरे पंचंग कोमा में है ठीक है कोई शु नहीं

03:13एक सिस्टम से अगर स्टड़ी करें कोई दिक्कत नहीं है अटनेल्स तो अलग-अलग मार्ग करोगे ना तो क्या दिक्कत है यह क्या बेज़ी है 404 नोट फांड ठीक है सही यह फ्लो डैस्क वाला भी हो और यह हाइरिंग वाला वापस बनाना है शाब यह बिल्गुल सही तो

03:43जावाइस्किप्ट कब शुरू होगी जावाइस्किप्ट अपनी शुरू होगी नेक्स्ट इयर अगले साल

04:09है मतलब यह मालो दस्तारी के सम्तिक समद्च अपनी जावास्किप्ट शुरू होगी ठीक है जब भी शुरू होगी तब आपको पता जल जाएगा जावास्किप्ट कब शुरू

04:36ठीक है

04:37चलो भाई अपन आ जाते हैं अपने VS Code के उपर और अपना ही फोल्डर उपने इसमें कोई दिक्कत वाली बात ही नहीं है तो अपन डिसकस करने हैं अपने Grid के उपर और Grid में अपने कुछ चीज़े देख ले थी और वो चीज़े थी अपने पास कि अपने पास Grid क्या काम आता ह

05:07अपने पास अपने पास की जैसे अपने पास Parent होता है और उसके सारे चाहिल्स होते है चाहिल्स की अलग प्रोपर्टीज होती है और Grid जो अपने पास होता है उसके Parent की अलग प्रोपर्टीज होती है वो सारी प्रोपर्टीज अपने डिसकस करी थी और वो अपने डिसकस करी

05:37gap create करने के लिए

05:38अब वो row wise और column wise

05:41दोनों तरीके से gap create हुता है

05:43यहाँ पर

05:43gap के अंदर भी अपने पास properties जैसे

05:47अगर आप यहाँ पर row gap लगाते हो

05:48तो row gap यहाँ पर create हुता है

05:50जैसे मैं अभी के लिए इस gap को remove कर देता हूँ

05:52और एक बार के लिए इसको भी अटा देता हूँ

05:54और चेक करता हूँ मिरे पास क्या आ रहा है

05:56आप अब अगर आप row gap करोगे

05:59तो यह row gap यहाँ पर create करेगा

06:01जैसे मैं यहाँ बराता हूँ

06:02मैं लिखता हूँ कि आप यहाँ पर row का जो gap है

06:05वह आप 30 पिक्सल करते हैं

06:07तो जो row का gap होगा

06:08वह 30 पिक्सल हो जाएगा है

06:10ऐसे एगर column का gap लगाना है

06:12तो अपन column का भी लगा सकते है

06:14column gap

06:15मैंने बुला column gap

06:17column का gap अपने को यहाँ पर लगाना है

06:20और

06:21यह color gap आगएगा

06:23column और gap

06:26वह मैंने यहाँ पर बुला

06:27और उसको अपन यहाँ पर बोल देते हैं 20 पिक्सल

06:30चीक है

06:30तो जो column है उनके बीच में 20 पिक्सल का gap लएगा

06:33तो यह अपन यहाँ पर column और row wise भी gap अपना लगा सकते हैं

06:37यह अपने डिसकस करा था

06:39उसके अलावा next अपने डिसकस करा था

06:41अपने grid template rules

06:43sorry column

06:44grid template column क्या काम आते हैं

06:47मतलब आप कितने column divide करना चाहते हूँ

06:49वह अपन यहाँ पर लगा देते हैं

06:51चीक है

06:52कितने columns आप यहाँ पर divide करना चाहते हूँ

06:55वह अपन यहाँ पर mention करते हैं

06:56अपने grid template columns के अंदर, चीक है, जैसे यहाँ पर आओ, और क्या दिया है अपने, 200, 200, 200, चीक है, तो मैंने यहाँ पर बोला, 3 यहाँ पर columns बनेंगे, 200, 200 के, तो पहला यह है, दूसरा यह है, और तीसरा यह है, चीक है, अब यह जो बन रहे है, यह कितने के बन रहे, 200, 200, 200 pixel के,

07:26चार रो आपको दिखेगी, यहाँ पर चार रो बनीगी, उसके अंदर अपने यहाँ पर इस तरीके से बननीची, अपनी चार रो जो बनीगी, तो पहली रो यह बन रही है, दूसरी यह बन रही है, तीसरी यह बन रही है, और चोती अपने पास यह बन रही है, चीक है, यह

07:56सेट करें तो वन जो है उसका टू टाइम होगा टू एपार जो अपन यहाँ पर देते हैं एफार में भी अपन डिसकस करा था अगर नहीं आ दा रहा तो प्रिवेश क्लास का मैं रिवीजन करवा रहा हूं उसको वापस बूत रूपर ना

08:08टिक है justify content justify content आपके content को horizontally center में लेक्वाता है

08:21और अगर आपन यहाँ पर बात करते अपने align content की तो align

08:29को अगहाई का करता है यहाँ पर बन रहा है कंप्लीट के लिए तक लरक वह को

08:35आपका जाए पर बन तके 1975 ना खिंग है किसीजि़ अपर एक

08:39आपका आप शोना यहाँ पर यहाँ चाहता है आपके स्कुप अद intelligence

08:43पर यह जो अपना grid बन रहा है, complete grid को मैं आपर target कर लेता हूँ, अपना parent की properties लेख रहे हैं, justify content center align यहाँ पर यह क्या करता है, यह आपका vertically यहाँ पर center में लेकर आता है, जैसे मैं यहाँ पर बोलता हूँ, अपना center end, flex end, flex start, ठीक है, तो यह कैसे कर रहा है, vertically, और justify content क्या करता ह

09:13end कर दिया, flex start कर दिया, अलग-अलग चीज़े मैं आपर लगा हूँ, तो यहाँ पर जो अपना align item है, यह आपका जो grid बनता है, उस grid के अंदर उसको side करता है, यह जो grid के अंदर उसको side करता है, यह जो grid के अंदर उसको क्या लेकर आ रहा है, इस grid के अंदर उसको क्या लेकर

09:43को ले कि आ रहे हैं यह फ्लेक्स एंड के उपर तो जो पर्टिकुलर जिस भी एलिमेंट का ग्रीड बनेगा जिस भी अईटम का ग्रीड आइटम का ग्रीड बनेगा उस ग्रिड के अंदर अपना अलाइड अइटम वर्क करता है मतलब उसमें आप क्या रखना चाहते हो ठीक ह

10:13कि अपने पास parent की क्या क्या properties आती है इस पर अपने डिसकस कर लिया था ठीक है फ्रिक्शन पर भी अपने डिसकस कर लिया था फ्रिक्शन बेसिकलि अपने पास चुप अपना available

10:25अपने पास वही सारे अपने बने बने वहारे कंटेनर को भी मैं कम करते तो और वन सेरी के शिक्स तक वाले वापस अठाथे

10:55तो नौर्मल ही मेरे पास यहां पर इस तरीखे से मेरे यह बने वेहार है परफेक्ट disciplines में कितना डिवाईट करना है रोज में कितना

11:17करना है तो वैसे ही सेम में यहाँ पर लगाता हूँ अपना ग्रेड टेंपलेक, कॉलम।्पॉ-पिल्प

11:21और यहाँ पर मैंने लगाता है अपना repeat function अबMeat क्या होता है, कि आहां पर �

11:44बना देना तीन कॉलम तो यहां पर यह तीन डिवाइट करेगा और तू एफार के यहां पर तीन बनागे देगा यह रिपीट फंक्शन आपका ठीक है अगर अपने यहां पर रो की बात करें जैसे मैं यहां पर बोलता हूं अपना ग्रेड टेंपलेट रोस ठीक है और उसके �

12:14है तो एक ही रखेगा बाकि दूसरी आ नहीं पा रही क्योंकि एक के अंदर सिर्फ अपने यहां पर बना रहा है दूसरी से इसको मतलब ही नहीं कि आपने एक ही रो बनवाई है दूसरी चाहे कितनी भी हो ठीक है तो यह अपने पास अपना ग्रेड टेंपलेट कॉलम और ग

12:44प्रीवेस क्लास में देखी थी सारी चीजे आप बन जो अपना ग्रेड है उसके अंदर जितने भी आइटमस आते हैं उन आइटमस की प्रॉपरटीज की उपर अपन डिसकस करने वाले हैं अपने और पन आपन किस तरहीके से अरेंज करते हैं क्योंकि रेड को ग्रेड की ए

13:14क्योंकि CS पर पंडिस्क्स कर रहे हैं जैसे यह वाली इमेज बनानी है मतलब यह वाला टीवाइडेसिन करना है यह बनाना ए यह बनाना इस ट्रॉक्चर यह बनाना जाता है तो वह कैसे बना है

13:23उसके लिए अपने को अपनी चाहिल की प्रोपर्टीज भी आनी चीए

13:27यहाँ तकी चीज के लिए तो बताऊ एक बाद

13:29गुड़ी इवनिंग यूजी एमी

13:34तंजील शकीर करे कि I am new

13:37वैर कहना है find previous classes

13:39तो previous classes मैं आपको बता दू

13:42previous classes अपने daily motion के उपर upload होती है

13:45आपको daily motion के उपर जाना है

13:47यहाँ पर सबसे पहले आपको जाना है

13:50फिर उसके बाद जाके आपको सर्च करना है

13:52अपना skill वाला तो आप यहाँ पर

13:57skill वाला को जाके चेक करोगे

13:58तो यहाँ पर अपने पास यह पूरा अपना

14:01channel बना हुआ है

14:01playlist में जाओगे तो यहाँ पर अपनी playlist में बनी भी है

14:05अपनी ये वाली playlist है full stack web development batch 4

14:08इस पर click करोगे तो यहाँ पर आपको

14:11सारी classes मिल जाएगी जो भी classes अब तक हो जुकी है

14:14ठीक है सारी classes है यहाँ पर

14:16कोई issue नहीं है तो यहाँ से आप अपनी classes

14:19चेक करो और उन classes को ले लो पूरी complete ठीक है

14:23यहां से आप classes लोगे तो दूसरा उसके अलावा अगर आप नए हो तो सबसे पहले

14:32इसकी जो first class है उसको जरूर देखता है क्योंकि उसके अंदर मैंने सारी चीज़े बता रखी है

14:39कि skill वाला में कैसे classes होती है किस तरीके से आप अपनी attendance मा करते हो

14:44किस तरीके से आपको certificate मिलने वाला है हरी चीज़ बता रखी है तो यहां पर जाके check कर लेना

14:51चीक है ओटो फिट ओटो फिट के बारे में बताऊँगा मैं ओटो फिट क्या होता है

14:59चीक है यहां पर जाके check कर लेना नीश उगरे किसा daily motion पर classes डाउनलोड नहीं कर सकते

15:13कोई बात नहीं इसको डाउनलोड करने का और options भी आते होंगे जैसे मानलो बहुत सारी चीज़ आती है कैसे भी डाउनलोड करो

15:20YouTube वीडियो डाउनलोड करके जिसमें लिखता हूँ

15:22वीडियो डाउनलोड करके लिखा मैंने ठीक है जैसे यह अपने पास यह आ रहा है अब जैसे आपको यह वाली डाउनलोड करनी है

15:32तो इसको share करने का option दे रहा कि कहीं पर share करो copy करो यहां पर आओ और इसको paste करो

15:38नहीं दे रहाएं इसको डाउन्डोड करने कोई बात नहीं डेली मोशन लिकलो डेली मोशन का होगा कुछ अलगी यूट्यूब नहीं डेली मोशन है डेली

15:48यहां पर इसका लिंक पेस्ट करो एक बार वर स्टार्ट करो यह वैब साइट ही नहीं चल रही है

16:02बहुत सारे ओप्शन होते हैं वी देख वापस चलाते हैं में भी लूट सहीं नहीं होगी यहां पर आओ इस पर

16:10यहां पर मैं करके देखता हूं सको हो जाएगी मेरी साब से तो लाउंडूड

16:21तो यहां पर हो रही है यह नामडूड और 33 परसेंट जो भी परसेंटेज चल रहा है हो जाएगी यह डाउंडूड देखो तोरी देरवादपन चेक करते हैं इसको

16:38तो कैसे कर लो डाउंडूड तो यूटीब वीडियो भी अगर डाइरेक्ट महां से डाउंडूड ना हो तो आपको आज ऑप्शन होता है कोई यहां पर वेबसाइट पर जाओ बहुत सारे वेबसाइट बनी नहीं है जो आपको एक्स्रेक्ट करके डाउंडूड करने का ऑ

17:08बैस तरी में 22 ट्वेडे में CSS एंड हो गया था कोई बात नहीं सारे बैचे झिलार जै कोई बड़ी बात नहीं है कि यह चले तो अलग अलग चल सकते हैं कोई वह नहीं है कि कि Isiti में इस स्य्हस क्तौ कलासज में तो इसमें नहीं उरी कुछ भी हो सकता है क्योंकि डाउड प

17:38यहां पर कुछ नए टॉपिक्स डिसकस कर लिए यह भी हो सकता है कुछ भी हो सकता है ठीक है तो वो कभी भी चीज़े सेम नहीं होती है

17:48हारेस्टी करें सर हाओ टू यूज एक्जेक्ट सेम में जसे प्रिजेंट इन असाइमेंट सारी अभी पूछ रही हूं क्योंकि तिल डेज आवज नोट है लक्टॉप तो सेम इमेज जरूरी नहीं यूज कर आशाइमेंट के लिए जो भी आपको इमेज मिले वह इमेज आप

18:18चलो ठीक है बादचीत होती रहेगी है पंदो टॉपिक प्राते हैं और अपना टॉपिक कम्प्लीट करते हैं आज की रीडवाला क्योंकि फिर अपन कल वाली क्लास में अपना प्रोजेक्ट बनाने वाले है थर्टी बेस्ट को अपनी क्लास नहीं है या पहले नॉट्टि�

18:48अब मंगो निए थर्टी बेस्ट को अपनी छन नहीं है फी नमीक्तु नहीं है रहे हैं ंपि अझा एक साल है तो एंज्टाइ करो शीच को

19:16एक दिन तो इंजोय करो

19:19सर भी तो इंजोय करेंगे

19:21इंजोय तो क्या है ठीक है

19:24चलो वही आगे चलता है पन

19:25बाच्चे तो होती रहेगी

19:27अब देखो ये तो अपने देखी अपनी

19:29container's की जो properties आती है

19:32वो अपने देखी है

19:32next अपन यहाँ बराते है अपने

19:35एक बार के लिए मैं नॉट्वेड को उपन करता हूँ

19:37यह मैंने आप के लिए है और वो रड़ी यह है कि

19:42अब देखो ग्रीड आइटम के उपर कौन-कौन सी प्रोपरटीज आती है

19:46थे आपने आइटम के लिए प्रोपरटीज राती यह मैं ग्रीड आइटम करके पर अपने छ प्रोपरटी लगाता हूँ

20:07और वोही सेम मैं यहां पर कहेता हूँ आपना कंटीनर उसके अंदर अपन कहाते हैं

20:13आपने पास आइटम 1,2,3,4,5,6 जो भी अपने को कहने हैं

20:22मैं आपर कहता हूँ ऐटम 1, 2, 3, 4, 5, और यह 6

20:30मैं आपर इसको स्टाइल कर देता हूँ

20:34मैं ने वोला मेरे पास जो कंटेनर है उसको मैंने आपर तार्गेट किया

20:39और उसको background color ना दे के शिर्फ water देदो और वह आप देदो यहाँ पर 5 pixel solid black color की water ठीक है यह तो container को दे दिया container के अंदर जो अपने पास अपना डिव है उसको मैं यहाँ पर target कर देता हूँ यह तो container के अंदर डिव को मैं यहाँ पर target कर देता हूँ और सब डिव को मैं यहाँ �

21:09आपर देता हूँ जो से 300 pixel ठीक है यह सेम जो अपने grid बनाया था वैसे ही मैंने आपर grid बना दिया इस तरीके से अब ठीक है अच्छा container के आइटम को मत्तव आप फिर्टो राइड मन्तव हुए अपने इसको side करेंगे मैं उसके थूरू इसको मत्तव इसको वेड़ तो हाइ

21:39फिर के आइटम-1 और इसको मैं आपर क्या दो अघ्न टूर।

21:48है ही 2 पूर इसको सब्पनी आपर अपर आपने अग्री ह एन measure isको महां पर गर्रेता हूं अपन इस� 끼 स्ग्व इन ऊपना अपना इटम फूर। है इसको महां पनी अंपकान रिट कर दायकल लेता है

22:09परफेक्ट इतना सा काम अपन यहां पर कर लेते हैं जो अपने पास यह अपने आइटम्स यहां पर क्रियेट होके आ रहे हैं

22:31अब अपने को यहां पर डिसकस करना है अपनेmaa को अपने पास यहां पर अपने आइटम्स है उनकी क्या-क्या प्रोपर्टी आती है वो अपन यहां पर डिसकस करते हैं

22:42सबसे पहले वही कंटीनर की क्या क्या प्रोपटी थी? मेरे पास तो था grid template columns

22:48क्या divide करना है? जैसे मैंने यापर बोला कि आप पहला बनाना sir का दूसरा बनाना बनाना tofr का और तीसरा बनाना sir का

22:56यह मैने यहाँ पर अपने columns को हम पर बोलाstes

23:03तो लगा उसके बाद ही तो होगा यह काम तो यह मैंने बोला डिस्प्ले ग्रीड यह है यह तो मैंने कॉलम का बुद दिया रो कि अगर अपने बात करते हैं तो वह मैं यहां पर कहता हूं ग्रीड टैम्पलीट रूस चीक है वन एफार की फस्ट होनी चीए और दूसरी आपक

23:34भी लिग मैं यह तो सिर्फ अपने अठीं अगरा अपन धिस्कस कर रहे हैं यहां पर अपने पास फ्रम ग्रीड होता है अगर अपने को किसी भी अलिमेंड को किसी भी जो अपने पास ही उसको अगर सूपपि Toad gusta य।

24:03और अपना align वाला, ठीक है, उससे पहले अपने काम करते हैं, justify वाले को ना पढ़के अपन पढ़ते हैं, grid column start और grid column end, यह important property, यह दोनों property important है, grid column start, grid column end, grid row start, grid row end, यह दोनों property important है, अब देखो इनको कैसे use करता है, पहला मैं देता हूँ, यहाँ पर grid column start, ठीक है, यहाँ पर आ

24:33इस, जो अपने पास यह due है, ठीक है, इस item 1 को मैं यहाँ पर target करता हूँ, मैं बोलता हूँ कि मेरे पास, जो item 1 है, उसको मैंने यहाँ पर target किया, और उसके उपर मैंने लगा grid column start, और उसमें मैंने value देदी बन, उसके पाद मैंने बुला grid column end,

24:58grid column end, ठीक है, और उसमें मैंने value देदी 2, मैंने बुलाई भी grid column start 1 है, और grid column end जो है, वो 2 है, क्या हो रहा है यहाँ पर, कुछ भी तो नहीं हो रहा, कोई changes नहीं है, अकर मैं यहाँ पर बोल दूँ कि 2 की जगे मैं यहाँ पर इसको कर देता हूँ, 3, 2 की जगे मैं यहाँ प

25:28ले रहा है, यह कैसे हो रहा है, यह पता कैसे चलेगा कि यह यह इतना space इसको दिया आपने, यह पता चलेगा आपको आपकी grid lines के जो, grid line जो आती है, जैसे मैंने बुला grid column start 1, grid column end 2, ठीक है, अब मैं यहाँ पर आता हूँ, और inspect करके इस चीज को समझता हूँ, कि यह है क्या

25:58उसकी first line तो यह है, column की second line यह है, ठीक है, तो मैंने यहाँ पर बोला कि जो item 1 है, उसको मैंने grid column start बोला 1 और end क्या बोला 2, तो तो पहले से 1 से 2 के बीच में है, तो इसका तो कोई science ही नहीं है, यह line है आपके पास कौन सी, यह line है आपके पास आपकी 3 line, ठीक है, और यह आप

26:28तो रो भी यह है, first line आपकी रो की यह है, second line आपकी रो की यह है, और third line रो की आपकी यह है, ठीक है, तो इस तरीके से अपने पास अपने जो grid है, वो set हो रखा है, arrange हो रखा है अपने items के लिए, तो अगर मैं यहाँ पर बोलता हूं कि आप इसका grid column start रोखो 1 और grid column end रोखो

26:58ठीक है, 1 से लेके 3 तक का space ले रहा है, grid को अटा के देखो, देखो 1 से 3 तक का जा रहा है, अगर मैं यहाँ पर बोल देता कि 3 नहीं है, आप 4 तक का लो, column जो अपने पास item 1 है उसके लिए, तो देखो यह 4 तक जा रहा है, ठीक है, यह कहा तक जा रहा है आपका, 4 तक जा र

27:28अपने पास item 1 जो है, उसको आप यहाँ पर row में कितना रखना चाहते हो, वो भी आप यहाँ पर pass कर सकते हो, ठीक है, item 1 को तो नहीं करते हैं, जैसे मैं यहाँ पर आता हूँ, और अपना items increase करते हैं, अपने item बहुत कम है अभी लिए, मैं इसी को copy कर लेता हूँ, और इसी क

27:58तो देखो यह rows अपने पास यहाँ पर क्रिए डोल क्या रही है, एक, दो, तीन, चार्ट, और कितनी दी है अपने, ज्यादा जा रही है क्या, इसको आप कह दो 2FR और इसको कह दो 1FR, क्योंकि column कम है, तो row जाता है, ठीक है, यह मैंने यहाँ पर कह दी, तो मेरे पास यह rows यह

28:28space ले, open set करते हैं, ठीक है, item 1 जो है, उसकी row कितनी उनीच यह, वो भी तो set कर सकते है, row को भी तो मैं यहाँ पर set कर सकता हूँ, तो मैं यहाँ पर आता हूँ, और वही अपने grid को यहाँ पर target करता हूँ, तो यहाँ पर 1-2 तक तो वो automatically है, मैं चाता हूँ 1-4 तक ले आपका

28:58row start, ठीक है, कहां से start करना है, 1 से होगा है start, तो उसके अलावा grid row जो है, वो end कहा होँगी, वो यहाँ पर pass कर दो, मैं कहते हूँ 3 पर end कर देना, ठीक है, तो जो first item है, उसकी 1-3 तक की, यहाँ पर row रहने वाली है, first item की, only first item की, ठीक है, तो यहाँ पर अगर आप first item को देख

29:28लिया है, इन items को change कर दो, classes change कर दो, यहाँ पर four, five, six, फिर उसके बाद इसको seven कर दो, इसको eight कर दो, और इसको nine कर दो, और nine तक ही रख लो खली, ठीक है, और यहाँ पर आके check करो, तो इस तरीके अपने पास यह आ रहा है, ठीक है, और कितने हैं अपने पास, एक, दो, तीन

29:58तो यह लो, अपने पास, अभी भी यह item one, two, three कहां से आ रहा है, ठीक है, यह लिखावा है, इसमें item one, two, three है, five, six, फिर इसको कर दो, seven, फिर इसको कर दो, eight, और इसको कर दो, nine, ठीक है, एक, तो, तीन, चार बन रही है, रो, तो एक और दो फिर उसके इंदर, यहाँ पर two,

30:28ठीक है, तो यह अपने यहाँ पर अपना grid column start करा, grid column end करा, यह row start हो गया, यह row end हो गया, तो यह lines होती है, जो अपनी यहाँ पर create होती है, जैसे अगर मैंने अभी बताया था, grid वाला जो चीज बताई थी, ठीक है, grid वाली चीज अपन देखते हैं, जैसे CSS, तो यह अगर create कर

30:58है, यह वाला अगर मेरे को create करना है, तो बहुत ही easy, यह बना सकते हैं इसके दुरू, ठीक है, तो यह इस तरीके से अपना grid यहाँ पर काम आता है, परफेक्ट, अब देखो, यह तो अपने दिया, grid column start, grid column end, grid row start, grid row end, ठीक है, यह इस तरीके से अपने दिया, इसी की अपने

31:28यहाँ पर आती है, यह भी अपन यहाँ पर use करते है, देखों, इनको कैसे use करते है, मैं item one को तो दे दिया, अब item two को मैं यहाँ पर short hand property देता हूँ, मैं यहाँ पर अपने item two को target करता हूँ, मैंने items two को target किया, और मैंने यहाँ पर गुला, सिर्फ grid column, ठीक है, सिर्फ grid column कह �

31:58पूरा यहां पर आप इसको बोलते हैं तो यह अपने पास आता है अपना क्या ग्रेड कॉलंग्

32:23प्रोपर्टी हो गई है ऐसे ही अगर मैं यहां पर इसको बोलता है अब ग्रेड रो यहां पर आपको सेट करनी है तो इसकी जो यहां

32:45पर रो है वो इस तरीके से सैट हो क्या रही है तो यह मैंने यहां पर क्या कह दिया अपना ग्रेड बाला सिस्टम पर्फेक्ट

32:58चीक है तो यह तो अपने पास यह चीज हो गई जो अपने यहां पर कह रहें कि अपने उपीस तरीके से रेंज करना है

33:23की आम्रें ऐट को लगा हो एक बार यह क्या शुभा रहा है तो यह तो यह तो अपने पास वह अपने ग्रिड टांप ले चो अपने इतम सब्सक्रेड तो और यह ये

33:41इससे भी एक shorthand property होती है और वो है अपने पास grid area कि आप grid का कितना area cover करवाना चाहते हो किसी grid child के लिए ठीक है जैसे मालूम मैं कहता हूँ item जो अपने पास यहाँ पर 3 है ठीक है 3 को मैं यहाँ पर target करता हूँ

33:58मैंने बोला कि मेरे पास जो item 3 है उसको मैंने आपर target किया ठीक है और उसके उपर सिर्फ मैंने प्रोपर्टी लगाई अपनी grid area अब grid area जो है वो काम आती है row आपका column start कहां से हो end कहां पे हो और row start कहां से हो और आपकी row end कहां हो ठीक है यह भी shorthand property है देखो किस तरीके से use ले

34:28लिए आपको guide करेगा कि किस तरीके से होती है तो तो यह जो property है इसके अंदर सबसे पहली वैलिवी उती ही grid row start दूसरी

34:36वैलियो होती है grid column start और तीसरी वैलियों are nd, fourth value हो ती है grid column end ठीक है सबसे पहले row start लिखो गया

34:45फिर उसके बाद column start, फिर row end और column end, ठीक है, तो सबसे पहले row आती है, मतलब मैंने बोला row को start कहां से करना है, रो को start कहां से करना है, जैसे कि अपना item 3 है, तो एक बार check कर लो item 3 कौन सा है, मैं यहाँ पर inspect करके check कर लो item को, ठीक है, तो यह आपका item 3, 5 तो यहाँ पर है, ठीक ह

35:15फाइब से होगी, उसके अलावा column को भी कुछ space आपको रखना है, column आपका, यहाँ 5 से ही start होगा, ठीक है, और, यहाँ 1 से, 1 से start होगा, और कितना रखना चाहते हो, आप 3 तक रखना चाहते हो, तो मैं बोल रहा हूँ कि column को start करना कहां से, column को start करना आप 1 से, यह जो मैंने �

35:45row का end यहाँ पर क्या होगा, आपने 5 पर start करा है, कहां पर end करना चाहते हो, आप 7 पर करना चाहते हो, तो मैं कहा देता हूँ, 7 पर end कर देना है इसको, ठीक है, तो मैं यहाँ पर कहते हो, 7 और जो आपका यहाँ पर column है, इस column का end क्या करना चाहते हो, यह रहा आपका column, आप �

36:15मैंने यहाँ पर create करा है

36:16perfect row start

36:19column start

36:21row end, column end

36:23यह आपका grid area property है

36:25जो पर यहाँ पर use लेते हैं

36:27चीक है, यहाँ तक की चीज़ समझ मैं

36:29यह तो एक बार बताओ यहाँ तक की

36:31चीज़ के लिए रहे, इसमें कोई doubt नहीं है किसी को

36:34सरदान

36:39happy new year advance, आप सभी को

36:41happy new year, कल विश्च करेंगे happy new year

36:43क्योंकि कल भी class है अपनी

36:4530th को नहीं है अपनी class

36:48UG Gaming

36:49happy new year in

36:50sir advance me, ठीक है

36:52happy new year आप सभी को

36:54नए साल के अंदर

36:55कुछ अच्छा करना और कुछ

36:58unique करना, ठीक है

36:59क्योंकि

37:01बहुत कुछ करना है भी आप सभी को

37:06महनत करते रहना बस

37:11सिवाक्षी करेसर एक out of the study

37:36क्यों पूछू प्लीज, बिल्कुल पूछिए

37:38रितेश करेसर रिकॉर्डिंग अपडेट्स

37:42नहीं हो रही है डीली मोशन पे

37:43यस बिल्कुल रेगुलर अपलोड हो रही है

37:46आपकी रिकॉर्डिंग्स, कोई

37:47दिक्कत नहीं आ रही रिकॉर्डिंग्स अपलोड होने में

37:50चेक करो रेगुलर अप्लोड हो रही है आपकी रिकॉर्डिंग्स

37:54फ्राइडे को डाउट सेशन होता है तो फ्राइडे की क्लास कंफर्म नहीं है कि वो अप्लोड होगी या नहीं होगी

38:03अगर doubt class हुई है तो नहीं होगी और अगर class हुई है तो वो upload होगी

38:08चीक है तो Friday का कभी भी doubt मत रखना कि upload होगी या नहीं होगी

38:12हो भी सकती है नहीं भी हो सकती है

38:14अगर अपने Friday को doubts पर discuss करा है तो class upload नहीं होगी

38:18और अगर अपने class मतलब किसी पर discuss करा है तो class upload होगी

38:22क्योंकि आपकी कोई भी क्लास में इस नहीं की जाएगी

38:25सेलेक्ट सबोज आप किसी जॉब पे लगे हो

38:44ठीक है मैं तो जॉब करता ही हूँ अभी तो

38:47इंट्रिव अच्छा गया ठीक है सब कुछ अच्छा चल रहा है

38:52बट एमडी चाते है कि आपकी गलती ना हो

38:56तब भी आप

38:57क्या ठीक है बट

39:03देखो गाली सुनने वाली बात पर तो बात इसी है

39:17अगर आप अपनी जगे सही हो तो किसी की गाली मत सुनना

39:21अगर गलत हो तो गाली सुन सकते हो

39:23क्योंकि उसमें आपकी गलती है

39:25लेकिन अगर आपकी गलती नहीं है तो कभी भी किसी जगाली मत सुनना

39:29चाहे फिर आप कहीं पर भी जॉब कर रहे हो

39:31कितनी बड़ी जोब हो, चाहे कितने अच्छा पैसा मिल रहा हो, अगर बिना गलती के आपको कोई कुछ गाली वी, कुछ गलत बोल भी दे, उसी टाइम उसको छोड़े, गलती पे बोले, मानता हूँ मैं, लेकिन बिना गलती के, अगर आपको कोई कुछ गलत बोल रहा है, तो

40:01अगर आप सब का अच्छा कर रहे हो तो आपका भी अच्छा होना चीए अगर आप किसी की डिस्रेस्पेक्ट कर लो तब मैं मानता हूं कि

40:10बढ़ आपकी अगर डिस्रेस्पैक्ट हो नहीं तो चलती है वह मैंने किसी की डिस्रेस्पैक्ट करते बाद कर दो चाने तो उसे

40:26उजीगेभि करें ग्रीड बहुत आसान है मीडिया क्वभी बताए है सर्व

40:32ऐस ग्रीड प्रफॉपंसिछ ठीक है

40:33इसे वाक्षी करें कि बट मैं अगर उनको clarify कर रही हूं तो वो गलत थोड़ी है ना सर

40:43हाँ अगर clarify कर रहे हो तो बिल्गुल सही है आप उपनी points रखना जरूरी है

40:48सब को हख होता है मौनने का

40:51प्लीज बता हो का I'm not doing anything wrong

40:55नहीं कुछ भी गलत नहीं है बिल्गुल सही कि आपने बात clear करना जरूरी है

41:00ठीक कैसे वाक्षी करें कि

41:08पट सर ऑफिस में सब चुप करके सुनते रहते हैं मैं बहुती हूं तो अमडी को बोला लग जाता है

41:16देखो अगर बात बोलने कि है तो भोलो और अगर बात बोलने कि नहीं हो है तो मत बोल चिक है

41:38बात चीत होती है, अब आपको लगता है, हमाँ बर् भीच वापको नहीं बोलना चीत नहीं

41:43बोलना चीत है, क्योंकि यह ऐसे चीज़ें है जहां पर

41:46जहां पर politics है सब चीज़ जलती वहां तो चुब रहना ही चीज़ें

41:50तो आदिमाग नहीं लगात नहीं चीज़ों है

42:08तो ये तो अपने पास अपनी ग्रिड की जो आइटम से उसकी प्रोपर्टीज अपने डिसकस करी और अपने पास आती है justify self, align self ये तो basically आपके खुद के जो आइटम है जैसे item 1 को आप कैसे self करना चाहते हो horizontally और vertically जैसे item 4 है जो grid है उस grid के अंदर कैसे उसको set करना चाहते हो ठ

42:38आइटम 4 को मैंने यहाँ पर target किया और उसके उपर अपन लगाते है अपना justify self और उसको मैं यहाँ पर कहते हूं center ठीक है justify self और मैंने यहाँ पर कह लिया center तो horizontally उसको center में लेकिया गया हूँ किसके उपर? आइटम 4 के उपर जैसे आप justify center लगाँगे तो जो आपका grid है उस grid

43:08की उपर apply हुड़ी है item 4 की उपर apply हुड़ी है ठीक है जैसे मैंने यहाँ पर कर दिया center तो वो center में आ गया ऐसे ही अगर अपन यहाँ पर align self लगाते है तो align self आपके child की property है ठीक है जैसे मैं center करता हूं तो vertically उसको center करेगा ठीक है तो यह आपके जिस भी child को आप target करके लगा

43:38आपके container मतलब parent grid की property है और align self और justify self आपके यहाँ पर child की property है ठीक है तो यह बात हुए अपने पास अपने align self और अपने justify self के उपर ठीक है तो यह तो अपने इस चीच के उपर discuss कर ली उसके बाद next अपने आगे चलते है अपने grid के जो child की properties है वो कौन कौन सी properties आती है और

44:04ठीक है अपने justify self, align self, grid column start, grid column यह सब चीचे discuss कर ली ग्रीड area अब देखो grid template areas यहाँ पर एक और property आती है उस पर पने discuss कर लेते है फिर अपना grid complete है ठीक है जैसे एक और में यहाँ पर grid area करके यहाँ पर एक class बना लेता हूं और इस पर अपने discuss कर लेते हैं कि grid का area पर किस तर

44:34एक काम करते है यह जो grid है इसी को मैं copy कर लेता हूं ताकि अपन इसी को paste करके समझ सके इस paragraph आपको तो घटा दो ठीक है container है उसके अंदर अपने पास total अपने पास अपने 6 जो div है वो बने वे हैं ठीक है

44:58चेह ना बनागे मैं 4 बना देता हूं मैं कहते हूं चारी रिप आप तो क्योंकि इतना ही रखते है पन छूटा सा बनाते है च्छूटा सा grid बनाते कि टेंप्लेट एरिया के दूब

45:06उसके अलावा आपने बॉर्टर बना रखी है ठीक है कोई दिक्कत नहीं है और उपेट तो रहा है बाकी चीज़े एक बार के लिए रिमोंकर तो बस इतना सा रखते हैं उसको आपने टार्गिट कर रखा है बस इतना सा रखते हैं अभी के लिए और मैं इसको रण करता हू

45:3615 पिक्सल का गैप भी दे देता हूं सबके बीच में तो 15 पिक्सल का गैप भी आ जाएगा सबके बीच में अब देखो यहां पर जो अपने पास अपना ग्रिड है उसको पन यहां पर कैसा सेट करता है जो

46:01साइड बार होगा ठीक है साइड बार होगा वो मैं यहां पर इसको रखूँआ और इसको मैं यहां पर रखने वाला हूँ थर्ट डिव को अपना में डिव जो होगा और उसके अलावा इस फूर्थ डिव को मैं यहां पर अपना फूटर रखने वाला हूँ ठीक है मैं ग्र

46:31तो यह अपने पास अपने create हो किया अब देखो। मैं यहां पर इसका area set करना चाता हूं जो मेरे पास अपना grid template है उसका area में यहां पर set करना चाता हूं

46:43तो मैं यहाँ पर क्या देता हूँ, अपना grid template area, ठीक है, grid template areas अपन यहाँ पर बनाएंगे, और उसके अंदर मैं यहाँ पर अपना area यहाँ पर decide करने वाला हूँ, कि क्या area रहने वाला है, मतलब header कितना होगा, footer कितना होगा, वो सब अपन यहाँ पर decide कर देते हैं, ठीक है, �

47:13पर हैं टीक है, फिर उसके बाद मैं यहाँ पर कह देता हूँ, यह मेरे पास क्या रहने वाला इपनी slide bar, second spannend क्या बना रहे हैं अपनी slide bar बना रहे हैं, यह मेरे wün Rhen रहेगा, इस पर नहीं रहेगा चलो यही डिन क्या रहेगा हुए

47:33यहेल इनर उसके अलावा लाश में फिर अपने पास और प्रुर अंब

47:39यहां पर अपना फूर अपना कि ihnen बने है विस्ट्रेस में हिए पूल गुळ जिल से अंदर यहां कि यह वह गवyorsun

47:58साइट बार के बार और फूट रहेगा ठीक है यह मैंने आपर बुला अब सबसे पहले मैं यहां पर साइट करता हूँ अपना

48:03grid template columns की मेरे grid template columns यहां पर क्या होगा है मैंने कह लिए 1fr का बनाना पहला और दूसरा मैं आपर

48:10कहता हूँ जैसे 3fr का बना देना 1fr और 3fr के 2 यहां पर बना देना तो यह 1fr का बन गया और यह अपना 3fr का बन गया कोई दिक्तर नहीं फिर उसके बाद मैं आपर कहता हूँ मेरे grid template rows को ठीक है जैसे मैं यहां पर कहता हूँ

48:22आप 3 row बना देना और दीसरी भी पिक्सल में बनाता हूँ जैसे कम बनाते 50 पिक्सल की क्योंकि अपने इस तरीके से बना आ चाते हैं तो यहां पर 3 row बनने वाली है

48:44तीन बने गी यहां पर रो अभी रूख जाओ एक नट उसके बाद मैं यहां पर कह रहता हूँ अब देखो header किसको देना चाते हो आप header आपका यह है

48:53slider आपका यह है main आपका यह है और footer आपका यह है तो सबको यहां पर target करके वो grid area सबको समला दो

49:03कैसे जो class दे रही है उसके basis पर मैंने सबसे पहले अपने header को यहां पर target किया कि मेरा जो header है उसको मैं यहां पर अपना grid area दे लेता हूँ जो मेरा grid area क्या दिया है आपने यह header आपने दिया है तो यह grid area इसको दे दो

49:19header को grid area दे लो तो जो आपने grid area दिया है कितना दिया है आपने header header और वो 1fr 3fr का दिया है तो यह पूरा उपर का जो है 1fr और 3fr का पूरा cover करने मला है फिर उसके बाद second आपके पास क्या आपका sidebar तो मैं यहां पर कह देता हूँ मेरा जो sidebar है उसको जो grid area है वो आप क्या दो�

49:49अपने पास यहां पर क्या रहा है अपना footer आ रहा है तो footer नहीं मेन आ रहा है मेन को यहां पर target कर दो मैं यहां पर main को target कर देता हूँ और उसको मैं यहां पर grid area देता हूँ और मैंने grid area देती है क्या दिया है grid area यह रहा आपका main तो इसको यहां पर पास कर देता है फिर उ

50:19यहाँ पर पास करोगे, क्योंकि वो उतना ही space यहाँ पर लेने वाला है, ठीक है, यह मैंने हाँ पर कह दिया और यह मैंने इसको save कर दिया, चेक करो, अब देखो, यहाँ पर अगर आप देखोगे तो आपके पास यह जो design बन के आ रहा है, इसके अंदर यह तो आपका header हो गय

50:49template area में नहीं आपर कह दिया, header को कितना cover करवाना चाहते हो, header और header, मतलब जो आपने 1FR, 3FR दिया है, उसके अंदर पूरा complete header है, फिर उसके बाद आपने 1FR, 3FR दिया है, तो मतलब जो second row है, जो second row 1FR की है, समझना है, सीच को क्या कह रहा हूँ है, वापस समझना है, वापस सम�

51:19उसके बाद जो 1FR की second row है, उसके अंदर, जो sidebar है, वो 1FR के अंदर रहेगा, और जो main है, वो 3FR के अंदर रहेगा, फिर उसके बाद, जो 50pixel के आपने last row बनाई है, उसके अंदर जो footer है, वो 1FR और 3FR पूरा ही cover करेगा, तो यही तो बन रहा है, यह रहा है, यह रहा वन, �

51:49और जिन जिन को देना उनको यहां पर टारगेट करके आपको देना बरना।

51:52मतलब हेडर, स्लाइडर, आपका यहां पर में, फुटर, चू भी आपको सेट करना है वो अपन यहां पर आके सेट करते हैं।

52:03चीक है?

52:04clear है यहां तक की चीच

52:12यहां तक की चीच clear है तो एक बर बताओ यह सर यहां तक की चीच clear है इसमें कोई doubt नहीं है

52:19attendance के point one के अंदर आपको mention करना है grid

52:29यही attendance का point one है

52:31attendance के point 1 के अंदर आपको mention करना है

52:34grid यह attendance का point 1 है

52:36अगर कोई doubt हो तो अपने doubt को mention करो

52:40क्योंकि अपने grid अपना पूरा complete देख लिया है

52:43उसके अलावा grid के अंदर जैसे अभी एक कुछ नई चीज बताए थी

52:47auto fit यह properties अपन प्रोजेक्ट के अंदर देख लेगे

52:51values है

52:52प्रोजेक्ट के अंदर की value है यह पना आगे देख लेंगे

53:03सर एक बार code देखना

53:05आप

53:08इसी सा code लिखा है अपने कुछ नहीं किया जो container है

53:15उसी के अंदर आपन देते great template area कि क्या area रखना है

53:19जैसे मालूम मैं यह आपर कहता हूं कि आप one f r, man f r

53:22तीन रह लूँ

53:23तीन में divide कर दिया आपने अब देखो जैसे ही मैंने तीन में divide करा है

53:27आपर structure बिगटना शुरू हो जाएगा

53:29होगे है शुरू

53:31ठीक है क्यों क्योंकि यहाँ पर आपने उसको बोल रखा है header

53:35अब आपको header को तीन बाल लिखना पड़ेगा

53:37header को तीन बाल लिखना पड़ेगा

53:39क्योंकि आपने तीन कॉलम डिवाइड करती है तब ही वह पूरे के अंदर आएगा

53:43आपका header ठीक है

53:45अभी भी नहीं आ रहा पूरे का है

53:47क्योंकि structure बिगार दी आपने पूरा

53:49तो slider को आप इतना ही रखो

53:51और main main को यहाँ पर आप कहतो कि

53:53यहाँ आ जाना चीए और जो footer है

53:55वह यहाँ पर इन तीनों कॉलम को

53:57यहाँ पर set कर लेना चीए

53:59तो इस तरीके से कहतो तो वह set हो जाएगा

54:01यह जो

54:03समझ रहो क्या करहा हूं मैं

54:05तीन बार यहाँ पर

54:07कॉलम लिए है तीन कॉलम लिए तो

54:09तीन बार header लिखो ठीक है

54:11अगर आपने तीन बार

54:13यहाँ पर क्या लिए रो

54:15तो तीन रो ही आपको यहाँ पर बनानी पड़ेगी

54:17अपने grid template area मतलब

54:19जो आप template area set करोगे

54:21वही template area वहाँ पर set होगा

54:23तीक है मतलब इस column और row पर decide कर रहेगा हो और उसके अलावा आप किस को यह देना चाते हो वह यहाँ पर आप target करके दोगे अपने चाहिल को

54:32grid area किसको देना चाते हो मतलब यह जो आपने header का area बनाया है यह किस child को देना चाते हो इस header वाज़े चाहिल को देती है

54:40यह जो दूसरा आपने slider का area बनाये यह आप किसको देना चाते हो यह आप इसको देना चाते हो मैं अप इसे

54:57उसके लावा फुटर जो है फुटर क्या करना फुटर पूरा ही भणए भाट केलए वैडर नहीं पार वाला तो उसको मैंने यहाँ पर देदिया यह पूरा चीपें तो यह स्तरी केसे प्रफचेश्थ करT

55:11के लिए हैं यहां तक की चीच अगर के लिए एक बार बताओं करा यहां time कीच कुलिए है कोई डाउट नहीं है

55:21कोई डाउट नहीं है नहीं कोगी आगे वड़ते है मतलब अपनकर म frankal अपना र्रोजेक्ट बनाएंगे

55:31और गल

55:41ठीक है

55:47attendance के point 2 के अंदर आपको mention करना है

55:51उससे पहले

55:54grid template row

55:56once more

55:58grid template row

55:59grid template row के अंदर मैंने कुछ नहीं किया

56:04मैंने बोला 60px, 1fr

56:06और 50px

56:07इसका मतलब ये जो बनेगा header

56:10इसकी जो row है

56:11row मतलब

56:12row मतलब ये हो गया ना

56:14ये ये row

56:16ये पूरी row

56:17ये 60px की रहेगी

56:20उसके बाद मैंने बोला 1fr की

56:22तो जो second row है वो 1fr की रहेगी

56:25ये पूरी row

56:26ठीक है, columns ऐसे रहेंगे

56:28row अपने पास ऐसे रहेगी horizontally

56:30columns अपने पार vertically divided हो रहे है

56:33अपने ठीक है, ये तो बहुत पहले से जानते ही चीजे तो

56:35और ये जो है, ये 50px का मैं यहां पर कहना हूँ next row

56:38तो ये 3 मैंने इसलिए लिखे है यहां पर

56:40मतलब first header का, second slide bar on main का, और यहां पर footer का

56:45तो ये इसके basis पर लिखा है मैंने और ये जो मैंने लिखा है, एक ही के अंदर

56:503 मैंने header लिखा है, ये लिखा है अपने columns के basis पर

56:53कि इतना इतना space इन सब को दे दूआँ, ठीक है, तो वो काम पर नहीं आपर किया है

56:57अलका करेंगे sir login pop up कब बनाना सिखाएंगे, ये बिल्कुल ये भी सिखाएंगे, बूट्शेप पर सिखाएंगे ये चीज़ अपर, अपर तो रुक जाओ, बहुत सारी चीज़े सिखाऊँगा मैं, कोर्स तो complete करो, एक बार

57:19सब चीज़े सिखाऊँगा

57:27ठीक है, चलो भाई, attendance का point two बता देता हूँ, attendance के point two के अंदर आपको mention करना है, grid items, ठीक है, ये attendance का point two है, attendance के point two के अंदर आपको grid items mention करना है,

57:47ठीक है, सर्वो प्रोजेक्ट में logo था ना, lock वाला, वो बड़ा easy है, google icons पर आके लगा लो, उसको कोई दिक्कत वाली बात नहीं है, google icons पर आओगे,

57:59यहाँ पर आके उसको use कर लो, बहुत सारे icons आपके पास, जो भी icon आपको use करना है, ठीक है, कौन सा था वो lock वाला, तो यहाँ पर आके search कर लो, आप बोलोगे lock, तो यहाँ पर यहाँ आ गया lock वाला, इसको यहाँ पर आके copy कर लो, use कर लो, ठीक है, यह link है, यह कहाँ पर ल

58:29में आगा स्यारीक बार रेस्टूरेंट फ्लेक्स समझा दो कौन चाहँ रेस्टूरेंट फ्लेक्स बता हो

58:45चुरूरेंट फ्लेक्स पर तो

58:51कॉछा कि अ

58:59असाइमेंट एक बार बनाओ, आपको समझ में आ जाएगा किस तरीकी से बनाना है, ट्राइ करो, सारे असाइमेंट बहुत एजी है, कुछ भी टप नहीं है,

59:23ठीक है तो यह अटर्नेंस का पॉइंट बन और पॉइंट वेंट वेंट को फिल करना आप सभी,

59:29अग्या आज की क्लास इतनी रिल रखते हैं, फिर अपन अपनी नेक्स क्लास के अंदर उसमें अपन डिसकस करते हैं, ठीक है, थैंक्यू सो मच,

59:45बाइ बाइ बाइ अवरिबन और टेक केर आज, बाइ, गुट नाइट आइवरिवन.