8:49 - Many viewers have expressed curiosity in the comments regarding why the computed border appears as 1.6px instead of 2px. This discrepancy is a result of my default display scaling setting, which is set to 125% on Windows. Additionally, I have applied a zoom setting in Chrome. To view the precise border value, it is necessary to reset both the display scaling in Windows and the browser zoom to 100%. I hope this clarification addresses your queries! #SigmaBatchOp
Harry sir we know the views and engagement are decreasing day by day and it also disheartening but please don't stop , we believe in you ,I try my best to engage in every way possible. So don't get disappointed and let's take this course to next level ❤❤
I think some people get more confidence in html and css . but i injoy this course . i sure when harry bhaiya started js and react then views autometically increase . But i request to harry bhai Please Cover html and CSS part in deep level Full support frome me ❤❤
1.Margin: border ke bahar ke space 2.padding : content ke bahar ki space aur border ke andhar ke space ,(yani ke border aur content ke beech ke space). 3.box-sizing:border-box; is ka matlab yeh ke jab bhi height content ko mile gi tu wo border aur padding ko mila ke milai gi. 4.margin-collapse: jab do margin ho toh us mein jo bada margin hai wo lage ga . Question? Kya Id ek se zyada hosktai hai? Answer: Id do se zyada nahi hosktai Kyun ke id unique hai.Aur class hamare sath do se zayda hote hai. THanks Harry Bhai for this free and great content ♥ from Peshawar,Pakistan
Tutorial 18 done.✅ ham kisi element ko ek sei zyada id nahi de sakte. box sizing border box matlab content + padding + border. without box sizing property sirf content ko hi height/width alot hogi. without border box property woh height/width sirf content ko alot hogi. Kafi maza aa raha hai iss course mei. keep it up harry bhaiya. SIGMA BATCH OP!
Summary of Lecture 18 1. Margin: border ke bahar ki space 2. padding: border aur content ke beech ki space 3. By default height and weight specified to an element is consist of only content. (yaani height jo denge wo sirf content ki height hogi) 4. box-sizing:border-box : when we use (box-sizing:border-box) and we give height or weight to an element then it consist of padding border and content (ab jo height denge wo content, border aur padding teeno ko mila ke hoga) 5. Margin collapse: when Margin of 2 element overlap then only one margin will be apply which is largest of the two margins . 6. ways to write (i) margin: nUnit; (ii) padding: nUnit; (iii) border: nUnite style color; Answer of Questions: 1. No, an HTML element cannot have two id. ID is unique for an HTML element. Lecture 18 Completed ✅
00:04 The box model in CSS represents HTML elements as a box. 02:20 CSS box model consists of padding, borders, and margins outside the content. 04:20 CSS Box Model explains the padding, border, and margin of an element. 06:16 Understanding the CSS Box Model - Margin, Padding & Borders 08:16 Understanding CSS Box Model 10:20 When using 'box sizing border box', the height includes the border and padding 12:20 The CSS box model includes padding, border, and margin. 15:02 Margin collapse is when the maximum margin is applied only once 17:08 Subscribe to the channel and share the channel Crafted by Merlin AI.
• We cannot assign multiple IDs to the element, ID of the element must be unique. • If we set box-sizing property to border-box it means the borders and paddings are now included in the total width and total height of the element. This course is getting interesting day by day, Harry Bhai thanks for this great course. Hum toh yeh course poora karkay hi ab aapka peechha chhorain gy. 😁😁
Harry bhai !! ! I was looking down at the inspect element code untill you said "Uper dekho Uper!! "🤣 this was the most interactive and funniest part uptill now ! Lots respect ! 🤗
Hi Harry, Salam. I had bought some popular web development courses in the past and watched some of the videos from them. Comparing this course with theirs, I can definitely say that Sigma Web Dev Course comes bundled with your years of experience. This CSS Margin collapse concept is one such example. In none of the courses they mentioned this, but this was such an important concept. This shows the quality of this course. This is the first time I am learning this concept. You have put so much effort for educating us. Thank you so much for the efforts and the quality content. #SigmaBatchOP
Ek(1) element mein Do(2) ID nahi di ja sakti hain kyunki yeh HTML ke Niyamon ke khilaf hai. Agar Do(2) alag alag elements mein ek(1) hi ID di jaye toh yeh dono elements uniquely identify nahi honge. Thank You so much Sir for Sigma Batch 😊🥳
I wanted to express my appreciation for your dedication and hard work as my online teacher. Your commitment to our education, adaptability in the digital learning environment, and the passion you bring to your virtual classroom have made a significant impact on my learning journey. Thank you for being an inspiring and supportive teacher.
• ID can only be assigned once per element and it must be unique. • If we set box-sizing property to border-box it means the borders and padding will now be included in the total width and height of the element. Harry bhai you are great😍 your course has included so many important concepts and you were right about the people who are confused and don't know margin collapsing. It was asked in my interview and I didn't knew about this topic. but I have practiced CSS by making so many projects I always wonder why my padding gets added up but not margin. Thankyou harry bhai on highlighting this topic. ❤
Bhaiya you are great. The excitement of many people is continuously decreasing but you are uploading videos regularly. I can say with confidence that those who will learn web development from this course till end regularly will became a great web developer. We will feel you proud after making great production level websites by learning from your course. #SigmaBatchOP #HarryBhaiyaOP
The audience is not as much as before but applaud to your dedication and motivation pls dont stop this course it is really really helpful and modern. If you are new here I really recommend this course.
4:43 No we cannot give same ID to multiple elements. 11:38 box-sizing se border, padding element, excluding margin, element sab ki height and width jo hai vo uss specified height and width ki ho jaye gi. 15:03 Margin collapse: when Margin of 2 element overlap then only one margin will be apply which is largest of the two margins .
.box1{ color: black; padding: 10px; margin: 5px; border: 2px Solid blue; height: 200px; box-sizing: border-box; } without Box Sizing, the height = only content height=200px and with box sizing property the height is equal to content 176px +padding-top 10px +padding-bottom 10px +border-top 2px +border-bottom 2px =200px Thankyou so much Harry Bhai❣, Your Way of teaching is so Amazing and Awesome.
4:42 We cannot give more than 1 Ids to an element as it is used to uniquely identify an element just like our Adhaar Card. Thank you so much for this amazing course. #SigmaBatchOp
4:48 We can't give >1 ID to any element because IDs should be unique, as our Aadhar card numbers are unique. Tutorial - 18 Done ✅ #SigmaBatchOP #HarryBhai Thank you Hary bhai for this amazing course ❤
Ek(1) element mein Do(2) ID nahi di ja sakti hain kyunki yeh HTML ke Niyamon ke khilaf hai. Agar Do(2) alag alag elements mein ek(1) hi ID di jaye toh yeh dono elements uniquely identify nahi honge. Thank You Sir for Sigma Batch op ☺😊
1. No one element will take only one id, we can't give an element more then one id, coz id will be always unique for every element. 2. box-sizing: border-box; means that a height/width of an element is equals to it's padding + border. Thanks Harry Bhai for these course❤ #SigmaBatchOP🔥
Tutorial 18 done.✅ ham kisi element ko ek sei zyada id nahi de sakte. Sir ma 11 saal ka ho aur apna bhai ka computer pr apka ka couse se web developing krta ho. You are a graet person who keeps a course like this free sir
I was consistent all the time during this course but last week I fell ill and was not okay for 6 days , yesterday I sat down and completed all the backlogs and now I am up to date with the course , consistency is the key , #sigmabatchop
Q)Can we use multiple ID in same element? A)No. You can use only one id per element. Q)Margin Collapse A) Margin Collapse give maximum margin between two boxes. Q) use of box-sizing:border-size; A) content + padding+ border
box sizing : border box if not applied then actual height of an element is equal to height(given by us to that element)+upper and lower border+ upper and lower padding.
Regarding the qus 4:44 - No, we cannot use more than one ID on an HTML element. An ID is a unique identifier for an element, and each element can only have one unique identifier. Thank you so much Harry bhai. Lots of love from Bangladesh ❤
Ek element ki ek hi ID hosakti hai as you taught us earlier that ID is unique just like our aadhar 😀 and you teaching us with full clarification So shukriya aapka Harry Bhai and one request please answer our questions so that we connect with you more and solve our doubts😊#Sigmabatchop
sorry bro i am attending the lecture after so long because suddenly i fall sick i am really sorry for that absence but i make sure from today i am not going to leave the batch #sigmabatchop thanks for your hardwork
Then you should have to add the exact margin which you want , Or if you want that on any one side just use the tags "margin left" etc as harry sir described about ..
Hey Harry Bhaiya, Just want to say that I recently starting following this course and man it is mind blowing! The quality is better then most of the paid course out there and you also teach extra stuff which others don't. The amount of work that you put into these videos is insane and enhances the overall experience of the course. Thank you for making this course free. I really appreciate the efforts you take to make sure we get the right information and your dedication to solve everyone's doubt. The handwritten notes as well as the notes on the website are very helpful and in detail. Once again thank you.
#SigmaBatchOp shyd se ek element ko ek se jyada id de sakte h .....lekin dena nahi chahiye uske liye classes ka use karna chahiye aur id doo element ko same nhi de sakte uske liye classes ka use karna chahiye id ka use kisi element ko particular target karne ke liye use karte h .....................jaisa hamre kuch school ke teachers karte h unn bacho ko target jo unki tution nhi jaate 😂😂😂😂😂😂😂😂😂😂😂😂 thank u so much harry bhaiye for this course❤❤❤❤❤❤❤❤❤❤❤❤💗💗💗💗💗💗💗💗💯💯💯💯
As a web developer I see his lectures are amazing but you have to make sure that practice is the key to success. The one who's practicing can get the benefit of this series otherwise no ways to success.
12:13 When box sizing = border-box, it means that height would equal to --> content height + top padding + bottom padding + top border + bottom border = 200px
4:44 No, we can give only one ID at a time for one Element only. 12:05 box-sizing: border-box; is that "content + padding + border" 15:01 Margin collapse will overlap both boxes margin and represent only value of higher margin pixel only #sigmabatchop
4:45 No Harry bhai we cannot give a element different id's, it can just have one id but a single element can have different classes. Thank you bhai for this beautiful course😊
#SigmaBatchOp box sizing border box ---bb(abbreviation) jo h vo content ki height ko change kr deta h bb jab nahi lagya tha tab content height=200px thi aur for elemnt height=content height+ padding ke sath hoti h aur jab bb laga dete h tab element height = height type in code content height kam ho jati h
Ham jab bhi kisi content ko height ya width dete hai aur uske sath margin ya padding dete hai to hamare content ka height and width margin and padding dono ko add krke final hota hai lekin agar ham box-sizing:border-box property lagayi to jitna hamne height and width diya hai utne me hi vo pure content ko adjust krega ❤🎉 THANK YOU❤
jin jin ka *open with code* nahi arha unhe reinstall krne ki jaroorat nahi apne web dev wale folder pr jakr "Ctrl + L" press krdo phir "cmd" likhe enter kro or phir "code ." command type krke enter hit kro hojayga very simple
box-sizing: border-box; means that the total height is equal to the top bottom padding, border and content height whereas total width is equal to the left right padding, border and content width
box sizing and border box lagane se jo height ya width hoti hai wo content, padding and border ko include karke hoti hai, or na lagane se jo hieght ya width hoti hai wo sirf element ki hoti hai.
1st question answer : Each element can carry only one unique id. Same id can not be set to different element as id specifies any element uniquely. 2nd question answer : Box sizing : Border box means the given height and width will be calculated including border, padding and element.
Margin: border ke bahir ka space Padding: content aur border ke beech mai hota he padding. aur padding box ke ander hi kam ziada hota he. Box-sizing: iska matlab jabi bhi content ko height milegi to broder or padding ko combine krke ayegi. Margin-collapse: jab bhi 2 box ko margin milegi to ziada wali use hogi. Question: kia hum id ziada de skte hain? id should be unique not more than 1. classes can be more and even unlimited...
box-sizing property to border-box it means the borders and paddings are now included in the total width and total height of the element. box sizing border box changes the height defination padding+border=height
Margin = out of the ratio at all Border = external space of padding Padding = external space of a content Box - Sizing : means we calculate a height of content including a padding & border and we don't calculate the margin because the box-sizing are totally dependent on a height of their content, padding, and a border Margin-collapse : means If I have a two boxes and I set a equal margin, let's suppose I have two element boxes and i set a margin:25px; so the margin-collapse reads a margin only single Time for both boxes elements
8:49 - Many viewers have expressed curiosity in the comments regarding why the computed border appears as 1.6px instead of 2px. This discrepancy is a result of my default display scaling setting, which is set to 125% on Windows. Additionally, I have applied a zoom setting in Chrome. To view the precise border value, it is necessary to reset both the display scaling in Windows and the browser zoom to 100%. I hope this clarification addresses your queries! #SigmaBatchOp
#Sigmabatchop
#SigmaBatchOp
#SigmaBatchOp
#SigmaBatchOp #HarryBhaiThanks
#SigmaBatchOp
Harry sir we know the views and engagement are decreasing day by day and it also disheartening but please don't stop , we believe in you ,I try my best to engage in every way possible. So don't get disappointed and let's take this course to next level ❤❤
We will support him till the last ❤❤
Yes I will support till the last❤❤
I think some people get more confidence in html and css . but i injoy this course . i sure when harry bhaiya started js and react then views autometically increase .
But i request to harry bhai Please Cover html and CSS part in deep level
Full support frome me ❤❤
@@computerscout331 Absolutely that's what we want
Yes we will support till end
1.Margin: border ke bahar ke space
2.padding : content ke bahar ki space aur border ke andhar ke space ,(yani ke border aur content ke beech ke space).
3.box-sizing:border-box; is ka matlab yeh ke jab bhi height content ko mile gi tu wo border aur padding ko mila ke milai gi.
4.margin-collapse: jab do margin ho toh us mein jo bada margin hai wo lage ga .
Question?
Kya Id ek se zyada hosktai hai?
Answer:
Id do se zyada nahi hosktai Kyun ke id unique hai.Aur class hamare sath do se zayda hote hai.
THanks Harry Bhai for this free and great content ♥ from Peshawar,Pakistan
Tutorial 18 done.✅
ham kisi element ko ek sei zyada id nahi de sakte.
box sizing border box matlab content + padding + border. without box sizing property sirf content ko hi height/width alot hogi. without border box property woh height/width sirf content ko alot hogi.
Kafi maza aa raha hai iss course mei. keep it up harry bhaiya.
SIGMA BATCH OP!
Summary of Lecture 18
1. Margin: border ke bahar ki space
2. padding: border aur content ke beech ki space
3. By default height and weight specified to an element is consist of only content. (yaani height jo denge wo sirf content ki height hogi)
4. box-sizing:border-box : when we use (box-sizing:border-box) and we give height or weight to an element then it consist of padding border and content (ab jo height denge wo content, border aur padding teeno ko mila ke hoga)
5. Margin collapse: when Margin of 2 element overlap then only one margin will be apply which is largest of the two margins .
6. ways to write (i) margin: nUnit; (ii) padding: nUnit; (iii) border: nUnite style color;
Answer of Questions:
1. No, an HTML element cannot have two id. ID is unique for an HTML element.
Lecture 18 Completed ✅
can you teach me do you put youtube logo in your comment
leikin jab border box dete hain to woh height ko content, padding aur border pe kis ratio pe divide karta hai
How you lut this logo in comment
@@shaikhnuma9101 use websites on pc there you will see emogi icon.
@@cookingstreet9362 aise put kiya
00:04 The box model in CSS represents HTML elements as a box.
02:20 CSS box model consists of padding, borders, and margins outside the content.
04:20 CSS Box Model explains the padding, border, and margin of an element.
06:16 Understanding the CSS Box Model - Margin, Padding & Borders
08:16 Understanding CSS Box Model
10:20 When using 'box sizing border box', the height includes the border and padding
12:20 The CSS box model includes padding, border, and margin.
15:02 Margin collapse is when the maximum margin is applied only once
17:08 Subscribe to the channel and share the channel
Crafted by Merlin AI.
• We cannot assign multiple IDs to the element, ID of the element must be unique.
• If we set box-sizing property to border-box it means the borders and paddings are now included in the total width and total height of the element.
This course is getting interesting day by day, Harry Bhai thanks for this great course. Hum toh yeh course poora karkay hi ab aapka peechha chhorain gy. 😁😁
thanks i didnt know
Harry bhai !! ! I was looking down at the inspect element code untill you said "Uper dekho Uper!! "🤣 this was the most interactive and funniest part uptill now ! Lots respect ! 🤗
Same 😂
Hi Harry, Salam. I had bought some popular web development courses in the past and watched some of the videos from them. Comparing this course with theirs, I can definitely say that Sigma Web Dev Course comes bundled with your years of experience. This CSS Margin collapse concept is one such example. In none of the courses they mentioned this, but this was such an important concept. This shows the quality of this course. This is the first time I am learning this concept. You have put so much effort for educating us. Thank you so much for the efforts and the quality content. #SigmaBatchOP
Ek(1) element mein Do(2) ID nahi di ja sakti hain kyunki yeh HTML ke Niyamon ke khilaf hai.
Agar Do(2) alag alag elements mein ek(1) hi ID di jaye toh yeh dono elements uniquely identify nahi honge.
Thank You so much Sir
for Sigma Batch 😊🥳
I wanted to express my appreciation for your dedication and hard work as my online teacher. Your commitment to our education, adaptability in the digital learning environment, and the passion you bring to your virtual classroom have made a significant impact on my learning journey. Thank you for being an inspiring and supportive teacher.
• ID can only be assigned once per element and it must be unique.
• If we set box-sizing property to border-box it means the borders and padding will now be included in the total width and height of the element.
Harry bhai you are great😍 your course has included so many important concepts and you were right about the people who are confused and don't know margin collapsing. It was asked in my interview and I didn't knew about this topic. but I have practiced CSS by making so many projects I always wonder why my padding gets added up but not margin. Thankyou harry bhai on highlighting this topic. ❤
Bhaiya you are great. The excitement of many people is continuously decreasing but you are uploading videos regularly. I can say with confidence that those who will learn web development from this course till end regularly will became a great web developer.
We will feel you proud after making great production level websites by learning from your course. #SigmaBatchOP #HarryBhaiyaOP
Sigma web course op ❤❤🎉🎉
"Gaun ke jamin mere nam kare" line is so epic harry bhai 😄
The audience is not as much as before but applaud to your dedication and motivation pls dont stop this course it is really really helpful and modern. If you are new here I really recommend this course.
4:43 No we cannot give same ID to multiple elements.
11:38 box-sizing se border, padding element, excluding margin, element sab ki height and width jo hai vo uss specified height and width ki ho jaye gi.
15:03 Margin collapse: when Margin of 2 element overlap then only one margin will be apply which is largest of the two margins .
.box1{
color: black;
padding: 10px;
margin: 5px;
border: 2px Solid blue;
height: 200px;
box-sizing: border-box;
}
without Box Sizing, the height = only content height=200px and with box sizing property the height is equal to
content 176px
+padding-top 10px
+padding-bottom 10px
+border-top 2px
+border-bottom 2px
=200px
Thankyou so much Harry Bhai❣, Your Way of teaching is so Amazing and Awesome.
4:42 We cannot give more than 1 Ids to an element as it is used to uniquely identify an element just like our Adhaar Card.
Thank you so much for this amazing course. #SigmaBatchOp
abhi konse video pe pohche ?
Abhi konse video pe pohche?@@relaxgaming6393
@@relaxgaming6393 150
Please don't stop Harry sir. Please explain every concept with funny and simple example. (Mai to ab sat chorne bala nehi hu
4:48 We can't give >1 ID to any element because IDs should be unique, as our Aadhar card numbers are unique.
Tutorial - 18 Done ✅
#SigmaBatchOP #HarryBhai
Thank you Hary bhai for this amazing course ❤
Ek(1) element mein Do(2) ID nahi di ja sakti hain kyunki yeh HTML ke Niyamon ke khilaf hai.
Agar Do(2) alag alag elements mein ek(1) hi ID di jaye toh yeh dono elements uniquely identify nahi honge.
Thank You Sir
for Sigma Batch op ☺😊
1. No one element will take only one id, we can't give an element more then one id, coz id will be always unique for every element.
2. box-sizing: border-box; means that a height/width of an element is equals to it's padding + border.
Thanks Harry Bhai for these course❤
#SigmaBatchOP🔥
Right
Tutorial 18 done.✅
ham kisi element ko ek sei zyada id nahi de sakte.
Sir ma 11 saal ka ho aur apna bhai ka computer pr apka ka couse se web developing krta ho.
You are a graet person who keeps a course like this free sir
Answer of the question at 4:44 is no we can't have more than one id for single element in the HTML. BTW very nice explanation by you Harry bhaiya.
can any body pls tell me the reason also pls
@@TheRahulChacha because this like the unique key of that element so every element can have only one key
I was consistent all the time during this course but last week I fell ill and was not okay for 6 days , yesterday I sat down and completed all the backlogs and now I am up to date with the course , consistency is the key , #sigmabatchop
Q)Can we use multiple ID in same element?
A)No. You can use only one id per element.
Q)Margin Collapse
A) Margin Collapse give maximum margin between two boxes.
Q) use of box-sizing:border-size;
A) content + padding+ border
No one can replace my coding teacher Harry bhai . We all are with you ❤
box sizing : border box if not applied then actual height of an element is equal to height(given by us to that element)+upper and lower border+ upper and lower padding.
❤️🙏
Sigma Batch OP.
❤️🙏
Regarding the qus 4:44 - No, we cannot use more than one ID on an HTML element. An ID is a unique identifier for an element, and each element can only have one unique identifier. Thank you so much Harry bhai. Lots of love from Bangladesh ❤
Ry8 👍 🥰
12:21 box sizing border = padding + element border 👍
very nice tutorial sir
4:44 We cannot guve multiple id's to a element cuz id is different in itself and just great appreciation for applause for this course❤❤
ya
Ek element ki ek hi ID hosakti hai as you taught us earlier that ID is unique just like our aadhar 😀 and you teaching us with full clarification So shukriya aapka Harry Bhai and one request please answer our questions so that we connect with you more and solve our doubts😊#Sigmabatchop
4:53 nope
id is unique and can be given to only one element
while class is a property which can be shared by multiple elements
sorry bro i am attending the lecture after so long because suddenly i fall sick i am really sorry for that absence but i make sure from today i am not going to leave the batch #sigmabatchop thanks for your hardwork
Day-#18 completed kon kon mere sath last Tak judega😊
Omg again one more awesome video 😊
I'm currently in class 12th(PCB) and will watch this course again after boards. Quality Content ⚡
Don't stop making such amazing tutorials. These are really helpful. Thank you Harry bhai
#doubt
1> What if we don't want margin collapse and the elements have full margin between them?
2> Is there a thing as padding collapse too?
Then you should have to add the exact margin which you want ,
Or if you want that on any one side just use the tags "margin left" etc as harry sir described about ..
Sir jameen hai hi nhi ...mai kya kru😂😂
Hey Harry Bhaiya, Just want to say that I recently starting following this course and man it is mind blowing! The quality is better then most of the paid course out there and you also teach extra stuff which others don't. The amount of work that you put into these videos is insane and enhances the overall experience of the course. Thank you for making this course free. I really appreciate the efforts you take to make sure we get the right information and your dedication to solve everyone's doubt. The handwritten notes as well as the notes on the website are very helpful and in detail. Once again thank you.
4:45 - No we can't give same id to different elements, id a unique on the whole page.
4:43 NAHI.......Kyunki Id kisi bhi element ki sirf 1 hi ho sakti hai.....par koi ek class bahot saare elements ki same ho sakti hai
#SigmaBatchOp
shyd se ek element ko ek se jyada id de sakte h .....lekin dena nahi chahiye uske liye classes ka use karna chahiye
aur id doo element ko same nhi de sakte uske liye classes ka use karna chahiye
id ka use kisi element ko particular target karne ke liye use karte h .....................jaisa hamre kuch school ke teachers karte h unn bacho ko target jo unki tution nhi jaate 😂😂😂😂😂😂😂😂😂😂😂😂
thank u so much harry bhaiye for this course❤❤❤❤❤❤❤❤❤❤❤❤💗💗💗💗💗💗💗💗💯💯💯💯
Watching this on, 9 October, 2024.. Box model, margin collapse and box-sizing concepts understood very well..
Love from Pakistan
No one teaches better than Sir Harry thankyou so much sir for this course
As a web developer I see his lectures are amazing but you have to make sure that practice is the key to success. The one who's practicing can get the benefit of this series otherwise no ways to success.
12:13 When box sizing = border-box, it means that height would equal to --> content height + top padding + bottom padding + top border + bottom border = 200px
4:44 No, we can give only one ID at a time for one Element only.
12:05 box-sizing: border-box; is that "content + padding + border"
15:01 Margin collapse will overlap both boxes margin and represent only value of higher margin pixel only
#sigmabatchop
this journey of this course for web dev course is very good
4:45 No Harry bhai we cannot give a element different id's, it can just have one id but a single element can have different classes. Thank you bhai for this beautiful course😊
KYA YAAR #harry bhai..maza aagaya ye wala lecture lekr..soo deep and clear
#SigmaBatchOp
box sizing border box ---bb(abbreviation)
jo h vo content ki height ko change kr deta h
bb jab nahi lagya tha tab content height=200px thi
aur for elemnt height=content height+ padding ke sath hoti h
aur jab bb laga dete h tab
element height = height type in code
content height kam ho jati h
harry bhaiiii , box-sizng aur margin collapse concept clearly understood ✅✅✅, You are G.O.A.T 💯💯
Thank you so much Harry Bhaiya......❤❤❤
I just never enjoyed any course that much like hell.....!!!!! ✨✨✨
⭐⭐⭐⭐⭐
height:200px;
box-sizing:border-box; means that 200px of height includes (upper border+lower border+upper&lower padding+content size).
Harry Bhi I Understand Your Affort in Making This Sigma Corse .
Salute to your Characteristic.
DAY 18 COMPLETED 🏁
#SigmaBatchOP🔥
HARRY BHAIYA OP 👥
Ham jab bhi kisi content ko height ya width dete hai aur uske sath margin ya padding dete hai to hamare content ka height and width margin and padding dono ko add krke final hota hai lekin agar ham box-sizing:border-box property lagayi to jitna hamne height and width diya hai utne me hi vo pure content ko adjust krega ❤🎉
THANK YOU❤
box sizing: border box; is for height which includes content+ padding + border
harry bhai really that the outro beats are next level, just feel like goosebumps.
too good course..i am following it all. and above all each video increases my interest.
Happy Teachers Day Sir🥰🤩❤
The border-box and margin collapse was for me ❤❤
jin jin ka *open with code* nahi arha unhe reinstall krne ki jaroorat nahi
apne web dev wale folder pr jakr "Ctrl + L" press krdo phir "cmd" likhe enter kro or phir "code ." command type krke enter hit kro hojayga very simple
margin collapse and border-box explanation was good....ty
Sigma batch op ⭐⭐⭐⭐⭐
"upar dekho Upar " was great harry bhai
Box sizing: border box; isforheight which includes padding+ border by
TimeStamps:
00:00 Introduction
00:26 Sigma Web Development Intro
00:35 CSS Box model
14:50 Margin Collapse
16:43 Conclusion
17:18 Sigma Outro
#sigmabatchop
box-sizing: border-box; means that the total height is equal to the top bottom padding, border and content height whereas total width is equal to the left right padding, border and content width
box sizing and border box lagane se jo height ya width hoti hai wo content, padding and border ko include karke hoti hai, or na lagane se jo hieght ya width hoti hai wo sirf element ki hoti hai.
1st question answer : Each element can carry only one unique id. Same id can not be set to different element as id specifies any element uniquely.
2nd question answer : Box sizing : Border box means the given height and width will be calculated including border, padding and element.
Margin Collapse ka Concept Mst Smjhaya
Margin: border ke bahir ka space
Padding: content aur border ke beech mai hota he padding. aur padding box ke ander hi kam ziada hota he.
Box-sizing: iska matlab jabi bhi content ko height milegi to broder or padding ko combine krke ayegi.
Margin-collapse: jab bhi 2 box ko margin milegi to ziada wali use hogi.
Question: kia hum id ziada de skte hain?
id should be unique not more than 1. classes can be more and even unlimited...
12:20 border-box : border-box; means that it include padding and boder both in height n width
Sigma Batch Op
love from Punjab
endd karati harry pajii
Margin collapse concept cleared successfully 15:08 🎉
box-sizing property to border-box it means the borders and paddings are now included in the total width and total height of the element.
box sizing border box changes the height defination
padding+border=height
Margin = out of the ratio at all
Border = external space of padding
Padding = external space of a content
Box - Sizing : means we calculate a height of content including a padding & border and we don't calculate the margin because the box-sizing are totally dependent on a height of their content, padding, and a border
Margin-collapse : means If I have a two boxes and I set a equal margin, let's suppose I have two element boxes and i set a margin:25px; so the margin-collapse reads a margin only single Time for both boxes elements
On the point series , teaching whats imp .
I am glad that i understood all the concepts you taught in this video..enjoying a lot in this course#sigma batch op
Really Bohot Maza aa raha hain and it's amazing as well as understandable....
12:14 when you are saying box sizing,border box it means (border+padding=200px)
Harry Bhai ap hamara pehla lub hain
Sigma batch op❤
Your teaching is to much cool Harry bhai❤
Id is unique of all elements and person like Aadhar card
And class like a school class
Sigma Batch OP
Box sizing border box means content+padding+border
Just Wow #SigmaBatchOp Thank You @CodeWithHarry vai From Bangladesh Rajshahi
6:15 ne aise bola "uppar dekho upparrr" class 6 ke teacher ki yaad aa gyi 😭 daant diya 🥺
tutorial-18: done
Sigma Batch op
box sizing: border box means the total height of the border (excluding margin) will be adjusted to height given to the content
Let's GO.
Sigma batch OP.
ha harry vai.
second time start kiya.. bohat maja a raha haa
box-sizing: border-box, means the height that we will give for the element is inclusive of the padding and border
ih we give box-sizing:border-box , it means total height or width will include padding and border size