Sir please make a video on units of css like px,pc,em,rem etc because when it comes to dynamic and responsiveness i am very confused and not confident also
9:12 wow great sir, Conclusion ❤❤ margin ya padding mai agar hum following tarike se values dalte hai toh aise sizes apply hote hai: 1. margin : 20px; applied both horizontal and vertical direction of targeted element. 2. margin : 20px 10px; here first 20px will applied to vertical direction (top & bottom) and 10px will applied to horizontal direction (left & right) 3. margin : 20px 10px 5px 2px; Here 20px will applied to top, 10px applied to right, 5px applied to bottom side and finally 2px applied to left side like clock wise direction. 🫡🫡🫡🫡🫡🔥🔥🔥Salute the way aap jese padha rhe ho
🔥🔥🔥Sir homework Question 2 : We need to make a change in .box{ margin-left : 150px; or margin-inline : 150px; for horizontal line left and right both }
7:31 wow computed box model se css debugging aasan ho jayega, ab sirf box-model ke diagram ko dekh ke hum bata sakte hai ki hamare element mai kitna border, margin, padding hai aur kitne direction mai hai : top, bottom, left and right
16:23 I have one question Sir, as of now whatever you taught i understand them. Please correct me if i am wrong if we apply border, padding, and height - width to an element is unbalanced for e.g : if i provided height: 50px; width: 50px; border : 20px solid red; padding : 10px; So the overall size of an element or box is not exact 50px; because we have provided padding and border size which increases the overall size of element or box. To solve this issue or make the element or box balanced we provide box sizing: border-box; Which balance the overall size of the box by maximizing or minimizing the size of all box properties; but i saw in your window that when you applied box-sizing: border:box; the height and width of inner content gets minimized by 30px means 150 - 30 = 120px of height and width. So my question❓is, kya humme height or width both dena padega zisse desired overall size ban sake or kya box-sizing hamesha height or width ko hi affect karega? Kyuki usne border or padding mai manipulation nahi kiya🤔🤔🙋🙋❤️❤️
Brother, you have a very good question. Let me try to clarify it. When we apply box-sizing: border-box, it means that the border width and padding are included inside the height and width. You can think of it as the height or width being the sum of the content's height, padding, and border. By default, when it was set to content-box, the padding and border were not included in the height and width. Coming back to your question, it's not about changing the padding or border to adjust the desired height. It's about ensuring that the sum of the content, padding, and border equals the specified height, and the same goes for the width. I hope this clears up your doubt. If you still have any questions, feel free to ask 👍.
Sir aisa mat kijiye, Aapke bharose hee frontend shuru kiya hai Ki Aap aache aache projects banvaoge Engineering seekhage How to think out of the box sikhaoge The main reason I admire you sir.
Sir pura lecture Bohut achha tha you gave me confidence in box model but margin inline aapne bataya hi nahi
Thank you sir.❤
Sir please make a video on units of css like px,pc,em,rem etc because when it comes to dynamic and responsiveness i am very confused and not confident also
very nicely explained
Thank you sir
9:12 wow great sir,
Conclusion ❤❤
margin ya padding mai agar hum following tarike se values dalte hai toh aise sizes apply hote hai:
1. margin : 20px; applied both horizontal and vertical direction of targeted element.
2. margin : 20px 10px; here first 20px will applied to vertical direction (top & bottom) and 10px will applied to horizontal direction (left & right)
3. margin : 20px 10px 5px 2px;
Here 20px will applied to top, 10px applied to right, 5px applied to bottom side and finally 2px applied to left side like clock wise direction.
🫡🫡🫡🫡🫡🔥🔥🔥Salute the way aap jese padha rhe ho
Namaste sir 🔥🔥🔥🔥❤️❤️❤️❤️❤️❤️😊😊😊😍😍. Thank you sir 😍😊😊
Josh full hai sir 🔥🔥🔥🔥🔥🔥 CSS Day 3
🔥🔥🔥
great apne bahut easily samjha diye box-model ko jisse mai aaj tak nahi samjha tha, bahut boring lagta tha😅
🔥🔥🔥Sir homework of Question 1 :
1. Total width with margin: 250 + 15 + 5 + 20 = 290px
2. Total height with margin: 150 + 15 + 5 + 20 = 190px
3. Total width without margin: 250 + 15 + 5 = 270px
4. Total height without margin: 150 + 15 + 5 = 170px
Total width with margin should be 250+30+10+40 = 330 right ?? I mean sir ne video may vesa kiya tha
@@Shrishantsk-b5z You are Correct😊 my bad😅❤❤. Thanks for correction 😊👍
nice video
Day 13🔥🔥🔥
🔥🔥🔥Sir homework Question 2 :
We need to make a change in .box{
margin-left : 150px;
or
margin-inline : 150px; for horizontal line left and right both
}
7:31 wow computed box model se css debugging aasan ho jayega, ab sirf box-model ke diagram ko dekh ke hum bata sakte hai ki hamare element mai kitna border, margin, padding hai aur kitne direction mai hai : top, bottom, left and right
Ab mai confident hu ki Box-Model pe article likh sakta hu😍😍😍😍🤗
❤
16:23 I have one question Sir, as of now whatever you taught i understand them.
Please correct me if i am wrong if we apply border, padding, and height - width to an element is unbalanced for e.g : if i provided
height: 50px;
width: 50px;
border : 20px solid red;
padding : 10px;
So the overall size of an element or box is not exact 50px; because we have provided padding and border size which increases the overall size of element or box.
To solve this issue or make the element or box balanced we provide box sizing: border-box;
Which balance the overall size of the box by maximizing or minimizing the size of all box properties; but i saw in your window that when you applied box-sizing: border:box; the height and width of inner content gets minimized by 30px means 150 - 30 = 120px of height and width.
So my question❓is, kya humme height or width both dena padega zisse desired overall size ban sake or kya box-sizing hamesha height or width ko hi affect karega? Kyuki usne border or padding mai manipulation nahi kiya🤔🤔🙋🙋❤️❤️
Brother, you have a very good question. Let me try to clarify it. When we apply box-sizing: border-box, it means that the border width and padding are included inside the height and width. You can think of it as the height or width being the sum of the content's height, padding, and border.
By default, when it was set to content-box, the padding and border were not included in the height and width.
Coming back to your question, it's not about changing the padding or border to adjust the desired height. It's about ensuring that the sum of the content, padding, and border equals the specified height, and the same goes for the width.
I hope this clears up your doubt. If you still have any questions, feel free to ask 👍.
fire
Total Height : 230 px
Total Width : 330 px
Total Width: 330px
Total Height: 230px
Sir ap sahi ha but ham log apsa omid kar ka ha ki ap hamar front end 4 month mha acha sa karyanga
Question 1 ka Answer width 300px and height 200px
Aman soni present sir 🖐️ right know bhi apke hi java one short se padh raha hun sir..
🔥🔥
let's make proj together will msg u on discord
@@java3021 ok..
@@SoniA.gamer.1 What's ur I'd
Hello sir
Sir aisa mat kijiye, Aapke bharose hee frontend shuru kiya hai
Ki Aap aache aache projects banvaoge
Engineering seekhage
How to think out of the box sikhaoge
The main reason I admire you sir.
sir plz series stop mat kar dena
Sir i didn't get certificate 😢 but i no need that i only need skills, that learn so much Here
how to learn assembly language programming 2024
Hello
1st
Pratham in the comments
Sir homework of Question 1 :
1. Total width with margin: 250 + 15 + 5 + 20 = 290px
2. Total height with margin: 150 + 15 + 5 + 20 = 190px
3. Total width without margin: 250 + 15 + 5 = 270px
4. Total height without margin: 150 + 15 + 5 = 170px
Question 2
.box{
margin-x: auto;
}