What I understood is: px depends on resolution, vh vw are device specific, vmin and vmax depends on orientation, em is multiplier on current value, rem is a multiplier on current value in respective to the root element, % depends on parent
SIGMA BATCH OP! This just isn't a web dev course to me anymore, it is helping me go through my hard days, when I am low, unclear about what should I do, doubting myself, academically, emotionally, all the relationships that have been perfect today stand at a very edge. I feel so overwhelmed....All that but, every night the one hour I come here to watch a video or two after completing all my work is the only thing I get excited for. It for sure is so so so informative, helpful and comprehensive course. Excellent work harry bhaiya ! I am not sure if it's (web dev) gonna help me some how but right now it you definitely are by motivating me to get out of my bed and work. It has actually helped me fix my routine, be active and engaged in activities throughout my day. I am really moved by how much this playlist is giving me a sense of security, comfort that I actually started commenting, writing, expressing myself like never before.
- You wrote lorem56 because they are next to each other and easy to type 😁 - The computed size will be 24px because the root element has a font size of 12px. - 32px because the parent component has a font size of 16px - vmin in phone will be width, and vmin in computer will be the height #SigmaBatchOP
This is one of the most complex video till now. i thought i understand everything when i was watching the video but when it came to implement it in code i caught myself confused. vw and vh was easy to understand. vmin & vmax took me aback for a bit but when it comes to minh and minw. i forgot what i watched about it. so i had to come back and watch it again. harry bhai is raising the bar like anything.
1)px (Pixels): Pixels are an absolute unit of measurement. They provide a fixed size regardless of other factors like text size or screen resolution. For example, 10px means the element is 10 pixels wide or tall. 2)rem (Root em): "rem" stands for "root em." One "rem" is equivalent to the font size of the root element (usually the element). If the root font size is set to 16px, then 1rem is equal to 16px, and 2rem is equal to 32px. It's a relative unit that makes it easy to scale elements based on the root font size. 3)em (Ems): "em" is also a relative unit that's relative to the font size of the parent element. If the parent element's font size is 16px and you set a child element to 2em, it would be 32px (2 times the parent's font size). 4)vh (Viewport Height): "vh" is a relative unit that represents a percentage of the viewport height. For example, 50vh would be 50% of the height of the viewport, so it's responsive to the screen size. 5)vw (Viewport Width): "vw" is similar to "vh" but is relative to the viewport's width. For example, 25vw is 25% of the viewport width. In summary, "px" is an absolute unit, "rem" and "em" are relative units based on font sizes, and "vh" and "vw" are relative units based on the viewport's dimensions. Each of these units has its use case in web design, allowing for both fixed and responsive layouts.
I've been in web development for nearly a year now, have also done a few projects, and worked with languages like html and other webdev technologies, but never knew all of this knowledge about units, every time i open your videos i learn something new.
i was confused in responsive web dev but i found this playlist when i searched for responsive html css based projects and now here i am watching every single video of the playlsit, so far i found them ver helpful they cleared most of my doubts now here i wam watching this unit specific video which will clear most of the responsive part for me so, just want to thank harry bhai to provide such content for free
26:16 miss those line today "apni gao aur tao ki jamin mere nam kardo 😔" By the way, Every ending time when i listen this line my face makes a smile automatically and i got a new hope to do something by do this course. #sigma_batch_op #take_love_harry_vai ❤️
@@swathi_bee4 the land you own and big brother of your father owns , gift the land to me- name the land to sir's account , trust me in Hindi language it sounds really good 😌 , its kinda joke so don't mind
Harry bhai apke web development course learning ke doran yeh confusion rehta tha projects banate samay but this #sigmawebdevelopment course you demonstrate this topic widely in a single video.Course point of view is 5stars and I think you serves a lot in coding community,unvaluable.Thanks Harry bhai❤
this makes me so happy Harry Sir... Please I request you continue this web development course... I am from Kashmir I can't able to buy any paid course and neither to go anywhere to learn web development... Bz I am frm poor family... And thanks alot
#solution 12:34 The size of the p tag will be 24px as we have given tag a specific size. If we do not write 12px as the font size of root element then tag font size will be 32px because it will take 16px as default. #SigmBatchOP
Summery:- Css unit 1) px -pixel (individual dot of display) 2) viewport - relative to screen display vw- viewport width vh- viewport height 3) em- relative to font size of parent container( if 2em = 2*parent element size If parent height = 10px Thn child height = 2*10px = 20px) 4) rem- relative to font size of root element (2rem= 2*size of root element ) 5) vmin - in computer vmin =height In phone vmin= width 6) vmax 7) min height = Min height of the container ( if for any containers min-height = 50px Height= 10 px For this case height of container will 50px) 8) max height ( Max height of container) 9) % - n% of parent element ( if height of a container is 100px , height of child 80% , height of child will be - 80% of 100px = 80px) #sigmabatchOP
This is the best course I watched around 25 video and I am still watching to complete. I will rate this course 5 out 5 because the quality of the content is great.
Thank you for this fantastic course! The lessons are clear, engaging, and easy to follow. I've learned so much, and your teaching style makes complex topics simple. Truly the best course I've come across!
1. You wrote lorem 56 because 5 and 6 closely placed on the keyboard. Thus, it is easy for you to type lorem 56. 2. According to this question, font size = 2em = 2xparent size element = 2x12= 24 px 3. if font size is 18 px, then 2em = 2x18 = 36 px 4. vmin in phone = width
Harry bhai literally i was waiting for this topic video as i have learned html, css from your old videos but I am always confused in the size so this video helped me a lot thank u . Best development tutorial by Harry bhai...❤❤❤
love you harry bro your obedient pupil from Pakistan , I have learned your web development course now i am in JS series and also see your new videos sigma web development. I am very happy you are the best harry the best tutor the best man in my life who will changed my life. guys this is web development course . there is no course like this in whole RUclips . Don't miss this course i love you harry bro.What will i say to you no words with me for your thanks .harry is the best harry is the best
Unit Description cm centimeters mm millimeters in inches (1in = 96px = 2.54cm) px * pixels (1px = 1/96th of 1in) pt points (1pt = 1/72 of 1in) pc picas (1pc = 12 pt)
Summary of lecture 22 CSS Sizing Unit 1. Pixels are a common unit and It is 1/96th of an inch. 2. Viewport units (VH and VW) are responsive units that adjust to the size of the Screens. Viewport = the browser window size 3. Using VH instead of pixels can prevent horizontal scroll bars on devices. 4. VW is useful for setting the width of an element equal to the any device width 5. margin: auto can be used to center elements horizontally. 6. em - Relative to the font-size of the element (2em means 2 times the size of the current font) 7. rem - relative to font-size of the root element 8. v min - Relative to 1% of viewport's* smaller dimension 9. vmax - Relative to 1% of viewport's* larger dimension 10. % - Relative to the parent element #SigmaBatchOP
#Answers 6:49 kyun ke you are a lazy assassin 12:31 24px kyun ke p ko default size 12px mila tha or em us ka double hota hai 13:19 36px hoga kyun ke parent ka font size 18px hai or p par us ka double lage ga mtlb 36px 16:24 width hogi Sigma Batch OP
SIGMA BATCH OP in the chat guys. let's take some time to appreciate this man. The amount of enthusiasm and knowledge he has in the teaching is appreciable love you harry bhai keep doing such things, help a lot.
"Code With Harry, your tutorials are like a guiding light in the world of coding! 🌟 Your explanations are crystal clear, and your passion for teaching truly shines through every video. Thank you for making the complex world of coding so accessible and enjoyable. Keep up the fantastic work! 💻🚀"
Hello harry bhaiya, whatever you do in (Format documents) which will remove the horizontal scroll bar, you can also do the short cut trick (Alt + Z) which will remove the horizontal scroll bar. 🙏🙏🙏
Hi Harry! I have started learning Python from your videos and your stuff is quite easy and useful even for very beginners like myself. I have a request for you, I wish you could teach us Ruby language. I don't know if someone has already requested it or not. But it would be awesome if you're gonna do it, thanks.
Im currently learning "100 Days of Web Dev By Angela Yu" on Udemy Paid Course and came to know about Harry Bhaiya's This playlist The Udemy's Paid course is 95/100 where Harry Bhiaya's playlist score 100/100 till yet ! Really very informative and knowledgeable playlist you have made bhaiya for us ! You are Our LEGEND ❤ Guys, Start your Web Development Journey from this playlist Trust me, it'll worth your every single second you spend on this playlist 💗❤
NOTES:- class 22: 1. Pixel is the 196th of an inch. 2. vw means viewport width 3. Margin auto will center 4. Margin Auto does not work on inline elements. 5. english phrase:- but a lot is yet to come 6. Default font size is 16 but mera 14 aa raha hai 7. em means default's {n} times or font size of inherited size of parent x {n} 8. HTML is the root element 9. rem same as em but the value is not taken by parent but roor element 10. % unit means {n%} of parent's 11. min-width is the minimum width of the element
Harry Sir I'm Vaibhav I'm in class 11th i am studying by your lectures as my hobby following them to become a good programmer and give indian people a biproduct of this study that will help to improve lives Sir One Question Please Answer me Sir I'll Do Btech or BCA+MCA
00:03 Different CSS sizing units and their uses. 02:12 Different units of CSS sizing - px, rem, em, vh, vw, % 06:15 CSS sizing units include px, rem, em, vh, vw, and %. 08:09 CSS sizing units: important units are VH, VW, px, rem, em 12:10 CSS sizing units - px, rem, em, vh, vw, % & more 14:06 Understanding CSS sizing units - px, rem, em, vh, vw, %, vmin, vmax 18:26 Understanding CSS sizing units 20:26 CSS sizing units: px, rem, em, vh, vw, % 24:44 CSS sizing units include px, rem, em, vh, vw, and %.
#SigmaBatchOP Harry Bhaiya aapka ye - lets roll the intro - vali joh energy hai ye mujhko haar baar motivate krti hai even college se sham ko aane ke baad thak jate hai pr aapki ye videos me jo energy level hota hai na saach me humlogo tak ye energy ki wave aati hai 😁👍
In phone the vmin would be width and in the compute it will be height 12:22 font-size will be 12 x 2 = 24px 13:21 font-size will be 18 x 2 = 36px Sigma Batch Op
13:19 Since the font-size of the .container class is set to 18px, as we all know by now that according to cascade algorithm, the specificity of the class selector is greater than that of the element selector, and hence, the font-size = 18px will be applied to the .container class and since the font-size of the p tag which is a descendant of the .container class, is set to 2em, it will be double of the font-size of .container class which will be equal to 2 times 18px = 36px.
16:21 vmin will be the width of the screen of your phone because it is minimum, but in case of laptop or desktop screen, vmin will be the height of the screen.
12:36 font-size will be 24px because, the original font-size it was about to inherit from the root was 12px. So, since it is now 2em, the font-size will be twice of the font-size of the root (html element) which totals up to 24px. (2 times font-size of root element)
agar app rem ko em kar dijeye ga toh bhi aapko 24px hi milega kyun ki uska apna ko font-size nahi hai toh wo root ke font size pe hi dependent hai isliye rem karein ya em dono me usse 24px hi milega
Cannot stress how much helpful this course has been so far. I am learning so many things which i didnt know. Thank you Harry Bhaiya for making this course free. Its helping me alot #sigmabatchOP
aapne lorem56 isliye likha ki aap bahot aalsi ho, kyunki 5 aur 6 baju baju me hi hai on keyboard. muje aapka ye aalsi pn bahot pasand hai Harry Devtaa.
1-#HarryBhai is Very ALSi. That's why he always uses 34 , 45 , 56 , Means two digits that are very near. 2-When U already given 12 font size to HTML So font size will be inherited and that's why 2rem = 12 * 2 = 24px 3-In this Scenario u have given .container 18px font size so Para will inherit 18px from container rather than HTML so font size this time is 18 * 2 = 36px
Guys!! If you are confused to follow this course. I am telling you this type of course is worth it. don't confuse just follow this course. Sigma batch OP Proud to be Sigma Army.
#SigmaBatchOp I have been following this course from the start. This is the best web development course. if you turn rem -> em then the font size will be 24px. Because there is no font size in the parent element and root have a html tag with font property. Timestamp : 12:33 If There is font size. Which is 18 in this case then em will turn it into 36. Because it inherit property from the parent class. Timestamp: 13:25
12:39 2em = 24 because as we have given 12px to root element which is html the same value will come for the para as well so 12*2 =24 so the answer is 24px #SigmaBatchOP
Unit Description em Relative to the font-size of the element (2em means 2 times the size of the current font) ex Relative to the x-height of the current font (rarely used) ch Relative to the width of the "0" (zero) rem Relative to font-size of the root element vw Relative to 1% of the width of the viewport* vh Relative to 1% of the height of the viewport* vmin Relative to 1% of viewport's* smaller dimension vmax Relative to 1% of viewport's* larger dimension % Relative to the parent element
Hello World,do you know This man is a great 👍 Developer in the world... His real name is Haris Ali Khan ... Who is the famous Indian Developer...🎉🎉🎉 Great 👍 work. MashaAllah
2em kar denge to 16*2=32 hoga becoz by default font size 16px hota hai edit :sorry mera galat ho gya hai, chuki hmara root html font size 12 hai to container ka font size v 12 hoga kyuki 12 pura html ka h jise root kahte hain so 12*2=24 font size hoga jaha 2em hai
12:38 font size 32 hoga kyuki by default element ka size 16 hai and 2m means usme 2 multiply hoga toh 16*2=32 ye hoga font size mera logic galat gya bhaiya
What I understood is:
px depends on resolution,
vh vw are device specific,
vmin and vmax depends on orientation,
em is multiplier on current value,
rem is a multiplier on current value in respective to the root element,
% depends on parent
Thank You Brother for this 💗💓💗💖💓
Keep It Posted In A Daily Basic💓💓💓💓💓💓💓
exactly
vmin is device specific !! affecting which one should be selected
vh and vw are the current device selection i think !!
Please update what you understood from each topics.❤ It is a lot more helpful for almost everyone.
SIGMA BATCH OP! This just isn't a web dev course to me anymore, it is helping me go through my hard days, when I am low, unclear about what should I do, doubting myself, academically, emotionally, all the relationships that have been perfect today stand at a very edge. I feel so overwhelmed....All that but, every night the one hour I come here to watch a video or two after completing all my work is the only thing I get excited for. It for sure is so so so informative, helpful and comprehensive course. Excellent work harry bhaiya ! I am not sure if it's (web dev) gonna help me some how but right now it you definitely are by motivating me to get out of my bed and work. It has actually helped me fix my routine, be active and engaged in activities throughout my day. I am really moved by how much this playlist is giving me a sense of security, comfort that I actually started commenting, writing, expressing myself like never before.
Sigma Batch Op
I am feeling your words...
- You wrote lorem56 because they are next to each other and easy to type 😁
- The computed size will be 24px because the root element has a font size of 12px.
- 32px because the parent component has a font size of 16px
- vmin in phone will be width, and vmin in computer will be the height
#SigmaBatchOP
16*2= 32 not 36
@@dishakaushik7665
These types of mistakes happen when you do quick mafs 😩
Thank you for the correction.
@@IamHuzaifaFaisal your welcome
ghalti kaha ki ha is na'@@dishakaushik7665
IG it was 18 and not 16@@dishakaushik7665
This is one of the most complex video till now. i thought i understand everything when i was watching the video but when it came to implement it in code i caught myself confused. vw and vh was easy to understand. vmin & vmax took me aback for a bit but when it comes to minh and minw. i forgot what i watched about it. so i had to come back and watch it again.
harry bhai is raising the bar like anything.
bro where are you now are you making websites or what?
1)px (Pixels): Pixels are an absolute unit of measurement. They provide a fixed size regardless of other factors like text size or screen resolution. For example, 10px means the element is 10 pixels wide or tall.
2)rem (Root em): "rem" stands for "root em." One "rem" is equivalent to the font size of the root element (usually the element). If the root font size is set to 16px, then 1rem is equal to 16px, and 2rem is equal to 32px. It's a relative unit that makes it easy to scale elements based on the root font size.
3)em (Ems): "em" is also a relative unit that's relative to the font size of the parent element. If the parent element's font size is 16px and you set a child element to 2em, it would be 32px (2 times the parent's font size).
4)vh (Viewport Height): "vh" is a relative unit that represents a percentage of the viewport height. For example, 50vh would be 50% of the height of the viewport, so it's responsive to the screen size.
5)vw (Viewport Width): "vw" is similar to "vh" but is relative to the viewport's width. For example, 25vw is 25% of the viewport width.
In summary, "px" is an absolute unit, "rem" and "em" are relative units based on font sizes, and "vh" and "vw" are relative units based on the viewport's dimensions. Each of these units has its use case in web design, allowing for both fixed and responsive layouts.
Thank u brother
Bhaiya....Intro wala scene hamesha cool lagta hai....maine aaj tak aapka intro skip nahi kiya....maza aata hai woh dekhne mein. 👨💻👨💻
I've been in web development for nearly a year now, have also done a few projects, and worked with languages like html and other webdev technologies, but never knew all of this knowledge about units, every time i open your videos i learn something new.
same.
i was confused in responsive web dev but i found this playlist when i searched for responsive html css based projects and now here i am watching every single video of the playlsit, so far i found them ver helpful they cleared most of my doubts now here i wam watching this unit specific video which will clear most of the responsive part for me so, just want to thank harry bhai to provide such content for free
26:16 miss those line today "apni gao aur tao ki jamin mere nam kardo 😔"
By the way, Every ending time when i listen this line my face makes a smile automatically and i got a new hope to do something by do this course.
#sigma_batch_op
#take_love_harry_vai ❤️
what is the meaning of that line ?
@@swathi_bee4 the land you own and big brother of your father owns , gift the land to me- name the land to sir's account , trust me in Hindi language it sounds really good
😌 , its kinda joke so don't mind
@@swathi_bee4 it means register your village lands and your uncles lands to my name .
@@NasikAhmmedNirob ohh I see😂..thanks for the reply
Harry bhai apke web development course learning ke doran yeh confusion rehta tha projects banate samay but this #sigmawebdevelopment course you demonstrate this topic widely in a single video.Course point of view is 5stars and I think you serves a lot in coding community,unvaluable.Thanks Harry bhai❤
this makes me so happy Harry Sir... Please I request you continue this web development course... I am from Kashmir I can't able to buy any paid course and neither to go anywhere to learn web development... Bz I am frm poor family... And thanks alot
all the best 😌
@@zuberkhan3050... Thanks
fortunately I'm also from Kashmir, from poor family but never mentioned like this in comment box. There is no shame in it bruh
#solution 12:34
The size of the p tag will be 24px as we have given tag a specific size. If we do not write 12px as the font size of root element then tag font size will be 32px because it will take 16px as default.
#SigmBatchOP
Summery:-
Css unit
1) px -pixel (individual dot of display)
2) viewport - relative to screen display
vw- viewport width
vh- viewport height
3) em- relative to font size of parent container( if 2em = 2*parent element size
If parent height = 10px
Thn child height = 2*10px = 20px)
4) rem- relative to font size of root element (2rem= 2*size of root element )
5) vmin - in computer vmin =height
In phone vmin= width
6) vmax
7) min height = Min height of the container
( if for any containers min-height = 50px
Height= 10 px
For this case height of container will 50px)
8) max height ( Max height of container)
9) % - n% of parent element
( if height of a container is 100px , height of child 80% , height of child will be - 80% of 100px = 80px)
#sigmabatchOP
keep giving summary like this daily😊
Thankyou for this budy❤
@@MohsinMohammed-fv9by sure brother..
@@Krishna9m 🙏🏻
Har video me ye kardo Bhai 😂❤
This is the best course I watched around 25 video and I am still watching to complete. I will rate this course 5 out 5 because the quality of the content is great.
Thank you for this fantastic course! The lessons are clear, engaging, and easy to follow. I've learned so much, and your teaching style makes complex topics simple. Truly the best course I've come across!
These tools are undoubtedly useful, the tools I have developed on my website are more basic and generic, but still important!
sbse bdia reason lga aapka 23 , 45 or 56 aas pas h isley m ye likh deta hun op haary bhai mja aarha h ase hi fun ke sath pdhate rho 🎯🎯
12:35 font-size will be 12 x 2 = 24px
13:21 font-size will be 18 x 2 = 36px
Sigma Batch Op🔥🔥❤❤
1. You wrote lorem 56 because 5 and 6 closely placed on the keyboard. Thus, it is easy for you to type lorem 56.
2. According to this question, font size = 2em = 2xparent size element = 2x12= 24 px
3. if font size is 18 px, then 2em = 2x18 = 36 px
4. vmin in phone = width
Harry bhai literally i was waiting for this topic video as i have learned html, css from your old videos but I am always confused in the size so this video helped me a lot thank u .
Best development tutorial by Harry bhai...❤❤❤
Clear, concise, effective teaching.
love you harry bro your obedient pupil from Pakistan , I have learned your web development course now i am in JS series and also see your new videos sigma web development. I am very happy you are the best harry the best tutor the best man in my life who will changed my life. guys this is web development course . there is no course like this in whole RUclips . Don't miss this course i love you harry bro.What will i say to you no words with me for your thanks .harry is the best harry is the best
Unit Description
cm centimeters
mm millimeters
in inches (1in = 96px = 2.54cm)
px * pixels (1px = 1/96th of 1in)
pt points (1pt = 1/72 of 1in)
pc picas (1pc = 12 pt)
Summary of lecture 22
CSS Sizing Unit
1. Pixels are a common unit and It is 1/96th of an inch.
2. Viewport units (VH and VW) are responsive units that adjust to the size of the Screens. Viewport = the browser window size
3. Using VH instead of pixels can prevent horizontal scroll bars on devices.
4. VW is useful for setting the width of an element equal to the any device width
5. margin: auto can be used to center elements horizontally.
6. em - Relative to the font-size of the element (2em means 2 times the size of the current font)
7. rem - relative to font-size of the root element
8. v min - Relative to 1% of viewport's* smaller dimension
9. vmax - Relative to 1% of viewport's* larger dimension
10. % - Relative to the parent element
#SigmaBatchOP
3. No, it was just a mistake, Using VW (not VH) instead of pixels can prevent horizontal scroll bars on device
#Answers
6:49 kyun ke you are a lazy assassin
12:31 24px kyun ke p ko default size 12px mila tha or em us ka double hota hai
13:19 36px hoga kyun ke parent ka font size 18px hai or p par us ka double lage ga mtlb 36px
16:24 width hogi
Sigma Batch OP
#SigmaBatchOp
Lorem 56 reason 5 and 6 keys are close by.
12:32 font size = 24px
16:33 Phone main vmin width
Computer main vmin height
SIGMA BATCH OP in the chat guys.
let's take some time to appreciate this man. The amount of enthusiasm and knowledge he has in the teaching is appreciable
love you harry bhai
keep doing such things, help a lot.
"Code With Harry, your tutorials are like a guiding light in the world of coding! 🌟 Your explanations are crystal clear, and your passion for teaching truly shines through every video. Thank you for making the complex world of coding so accessible and enjoyable. Keep up the fantastic work! 💻🚀"
Hello harry bhaiya, whatever you do in (Format documents) which will remove the horizontal scroll bar, you can also do the short cut trick (Alt + Z) which will remove the horizontal scroll bar. 🙏🙏🙏
Hi Harry! I have started learning Python from your videos and your stuff is quite easy and useful even for very beginners like myself. I have a request for you, I wish you could teach us Ruby language. I don't know if someone has already requested it or not. But it would be awesome if you're gonna do it, thanks.
Im currently learning "100 Days of Web Dev By Angela Yu" on Udemy Paid Course and came to know about Harry Bhaiya's This playlist
The Udemy's Paid course is 95/100 where Harry Bhiaya's playlist score 100/100 till yet !
Really very informative and knowledgeable playlist you have made bhaiya for us !
You are Our LEGEND ❤
Guys, Start your Web Development Journey from this playlist
Trust me, it'll worth your every single second you spend on this playlist 💗❤
NOTES:-
class 22: 1. Pixel is the 196th of an inch.
2. vw means viewport width
3. Margin auto will center
4. Margin Auto does not work on inline elements.
5. english phrase:- but a lot is yet to come
6. Default font size is 16 but mera 14 aa raha hai
7. em means default's {n} times or font size of inherited size of parent x {n}
8. HTML is the root element
9. rem same as em but the value is not taken by parent but roor element
10. % unit means {n%} of parent's
11. min-width is the minimum width of the element
bro correct the first point 1px=1/96 of an inch hota he by mistake harry said it 1/196
abhe jantu, notes to ankh kholke bna leta
कौन कौन अपना गाँव Web Development Express से जाना चाहता है😂
Mee😂😂❤❤
Yrr apni Jamin bhi toh Deni hai toh Jani toh paregi waha pe 😂😂
Me🎉🎉😂😂😂
Me
#ShigmaBatchOp font size default : 16px , 1 em , 100% ,
16px = 1em = 100%
24px = 1.5 em = 150%
32px = 2em = 200%
Harry Sir I'm Vaibhav I'm in class 11th i am studying by your lectures as my hobby following them to become a good programmer and give indian people a biproduct of this study that will help to improve lives
Sir One Question Please Answer me Sir I'll Do Btech or BCA+MCA
00:03 Different CSS sizing units and their uses.
02:12 Different units of CSS sizing - px, rem, em, vh, vw, %
06:15 CSS sizing units include px, rem, em, vh, vw, and %.
08:09 CSS sizing units: important units are VH, VW, px, rem, em
12:10 CSS sizing units - px, rem, em, vh, vw, % & more
14:06 Understanding CSS sizing units - px, rem, em, vh, vw, %, vmin, vmax
18:26 Understanding CSS sizing units
20:26 CSS sizing units: px, rem, em, vh, vw, %
24:44 CSS sizing units include px, rem, em, vh, vw, and %.
Thank you broo
12:30 24px
13:17 36px
16:30 In this case in phone vmin = width
SIGMA BATCH OP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
font size: 2em; in our case will be 32 pixel (16 x 2 = 32).
As the font size put in container is 16px.
Thank you so much harry bhai for creating this amazing playlist and make it very easy for all those students who have interest in web development .
#SigmaBatchOP Harry Bhaiya aapka ye - lets roll the intro - vali joh energy hai ye mujhko haar baar motivate krti hai even college se sham ko aane ke baad thak jate hai pr aapki ye videos me jo energy level hota hai na saach me humlogo tak ye energy ki wave aati hai 😁👍
In phone the vmin would be width and in the compute it will be height
12:22 font-size will be 12 x 2 = 24px
13:21 font-size will be 18 x 2 = 36px
Sigma Batch Op
13:20 Font size = 36px(twice of font size of container) because p will inherit the property of container , which has a font size set to 18px
Sigma batch OP
Informative Video
love from Punjab
Thankyou harry sir
13:19 Since the font-size of the .container class is set to 18px, as we all know by now that according to cascade algorithm, the specificity of the class selector is greater than that of the element selector, and hence, the font-size = 18px will be applied to the .container class and since the font-size of the p tag which is a descendant of the .container class, is set to 2em, it will be double of the font-size of .container class which will be equal to 2 times 18px = 36px.
Tutorial - 22 Done ✅
#SigmaBatchOP #HarryBhai #solution
Thank you ❤ Hary bhai for this amazing course
16:21 vmin will be the width of the screen of your phone because it is minimum, but in case of laptop or desktop screen, vmin will be the height of the screen.
12:36 font-size will be 24px because, the original font-size it was about to inherit from the root was 12px. So, since it is now 2em, the font-size will be twice of the font-size of the root (html element) which totals up to 24px. (2 times font-size of root element)
12:30 Size is 24px because by default ,all elements inherit from the root element.
12:33 You will get 32px because the size of css font size is 16px and you have used 2em means 16*2=32
vmin in phone is vw(width).
vmin is computer is vh(height).
and vice-versa for vmax.
13:19 36px fontsize of p
16:31 in phone vmin will be vw
in device(computer screen) vmin will be vh
@12:24 the answer should be 24,the html i.e root element property will be inherited so 12*2=24
agar app rem ko em kar dijeye ga toh bhi aapko 24px hi milega kyun ki uska apna ko font-size nahi hai toh wo root ke font size pe hi dependent hai isliye rem karein ya em dono me usse 24px hi milega
Cannot stress how much helpful this course has been so far. I am learning so many things which i didnt know.
Thank you Harry Bhaiya for making this course free. Its helping me alot
#sigmabatchOP
aapne lorem56 isliye likha ki aap bahot aalsi ho, kyunki 5 aur 6 baju baju me hi hai on keyboard. muje aapka ye aalsi pn bahot pasand hai Harry Devtaa.
1-#HarryBhai is Very ALSi. That's why he always uses 34 , 45 , 56 , Means two digits that are very near.
2-When U already given 12 font size to HTML So font size will be inherited and that's why 2rem = 12 * 2 = 24px
3-In this Scenario u have given .container 18px font size so Para will inherit 18px from container rather than HTML so font size this time is 18 * 2 = 36px
Guys!! If you are confused to follow this course. I am telling you this type of course is worth it. don't confuse just follow this course.
Sigma batch OP
Proud to be Sigma Army.
#SigmaBatchOp
I have been following this course from the start. This is the best web development course.
if you turn rem -> em then the font size will be 24px. Because there is no font size in the parent element and root have a html tag with font property.
Timestamp : 12:33
If There is font size. Which is 18 in this case then em will turn it into 36. Because it inherit property from the parent class.
Timestamp: 13:25
Best course i have ever experienced 🔥🔥💯❤️
Im following harry bhai since first year of my engineering
#SigmaBatchOp
Font Size will be 36px...
.container {
font-size: 18px;
}
.container p {
font-size: 2em; // 36px
}
Harry Bhaiya, really me bahut maja aa raha hai, apki explanation shandar hai. Thank You so much bhaiya🤎
#SigmaBatchOp
13:00 Font-size will be 24px as its inherited.
12:83 24px 13:22 36px 16:26 vmin will be vw
Sigma Batch Op 🔥❤
Maza aa gaya , a lot of things to be remembered
12:31 font-size 24 px
13:17 font-size 36 px
I love this course and I’m from Pakistan ❤
Love from Pakistan bro you did amazing job 👏🏼
My concept has clear now thank you it is awesome to learn web development
means the difference between the rem and em is the rem is applied to the root element where the em is applied the nearest parent element
12:39 2em = 24 because as we have given 12px to root element which is html the same value will come for the para as well so 12*2 =24 so the answer is 24px #SigmaBatchOP
bhaiya maine .container>div>div{} ke jagah .contianer>div>div{} likh diya than aur bas sab kuch check kar raha tha 15 se 20 minute isse me chala gaya
16:30 vmin will be the width in your phone and for the monitor,vmin will be height
16:23 --> vmin in smartphone will be vh bcs height is greater than width.
Unit Description
em Relative to the font-size of the element (2em means 2 times the size of the current font)
ex Relative to the x-height of the current font (rarely used)
ch Relative to the width of the "0" (zero)
rem Relative to font-size of the root element
vw Relative to 1% of the width of the viewport*
vh Relative to 1% of the height of the viewport*
vmin Relative to 1% of viewport's* smaller dimension
vmax Relative to 1% of viewport's* larger dimension
% Relative to the parent element
6:48 It is because keys 5 & 6 are side by side and hence, you typed lorem56.
Lorem56 is for 56 random words (emmet abbreviation)
6:46 Because keyboard me 5 and 6 aaju baju hai isliye.
12:32 24 13:23 36
16:21 Width (vw) hogi.
Hello World,do you know This man is a great 👍 Developer in the world...
His real name is Haris Ali Khan ...
Who is the famous Indian Developer...🎉🎉🎉
Great 👍 work.
MashaAllah
SIgma Batch OP. Raising the bar like anything
06:49 Your wrote Lorem56 because you wanted a paragrapgh and 56 are bext to each other so its easy to write
2em kar denge to 16*2=32 hoga becoz by default font size 16px hota hai
edit :sorry mera galat ho gya hai,
chuki hmara root html font size 12 hai to container ka font size v 12 hoga kyuki 12 pura html ka h jise root kahte hain so 12*2=24 font size hoga jaha 2em hai
12:38 : 2 times 16(by default font size) = 32px anss hoga
Edit : ans will be 12*2 = 24
#solution
.container{
font-size:18px;
}
.container p{
font-size"2em;
} paragraph font size will be 18*2 = 36px
16:22 the vmin of the container in phone will be vw , because in phone width is smaller
harry bhai your vedio outro song always gives me chill
harry you are amazing you are doing very very welllllll for students !!!
12:38 font size 32 hoga kyuki by default element ka size 16 hai and 2m means usme 2 multiply hoga toh 16*2=32 ye hoga font size
mera logic galat gya bhaiya
I Am Very Happy When I Listen My Sir Is Muslim.
{Haris Ali Khan}🥳
12:35 Ans is : 24px
apne lorem 56 likha because 5 and 6 nazdik hai dono isliye typing mai easy hai
vmin will be the width in phone and height in computer
the font-size will be 24 px
Sigma batch OP
Awesome course
Sigma batch op 🎉🎉🎉 🌹 thanku harry bhai ❤️❤️
agr rem ko em kar diya ,toh 32 px hoga answer
coz .container ka default value 16px hoa and 2 em 32 px hoga
Sigma batch of your is OP🔥🔥🔥🔥
In lorem 56 (56 means 56 no of word in a sentence)
#SigmaBatchOp 6:48 Because your are alsi bro 😂😂😂😂😂😂😂😂
12:39 24px
13:20 36
16:24 width
18:11 yes we got your point bro👍👍👍👍👍👍☺☺
bhaiya height can not be adjusted to 50% in case of .container div div ??? pls reply
18*2 = 36 px as the property has been set
hey harry bhai keep it up its amazing learning from you
Harry bhai
tailwend css ki playlist bnayen plz