HomeОбразованиеRelated VideosMore From: The Net Ninja

CSS Tutorial For Beginners 42 - Width & Height

309 ratings | 16024 views
In this CSS tutorial for beginners, we'll take a look at the final two properties of the box mode - width and height. Width and height can be given static or dynamic values (pixels or percentages/ems), depending on what you need. Working with percentage widths are a great way to develop responsive websites and pixel widths are best used for elements which you reeeaaally don't want to change width/height. Anyway, peace out, have fun, keep coding & don't forget to subscribe :). SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML Basics Course ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Html code for embedding videos on your blog
Text Comments (19)
Excel Applications (1 month ago)
Very helpful. Thank you.
react native (3 months ago)
is this how width is calculated width = left and right padding + left and right margin + left and right border
ahmad maryam (3 months ago)
That's right.
piano0011 Lee (5 months ago)
This is weird.... I can't get my width and height to work in the css itself but can get it to work if I set it in my img tag
Madhusudhan (6 months ago)
y height is static ur using px to mention height not using % in percentage width i am getting this problem please replay any one
neil kumar (7 months ago)
What is max an min height/ width 😒???
Mark Daniel (7 months ago)
Lol when the screen moves down HWAAAA!
neil kumar (7 months ago)
Easily explained ....🗣Thanks Tell me about max an min width-height?
Yong Jun Jung (8 months ago)
Is 100% and auto the same thing?
Madhusudhan (6 months ago)
no not same if u declaring auto it will automatically adjust size in both sides ex if u giving 80% it defaultly in left side and 20% space in right side so declaring margin:auto; it automatically take the both sides .
Sapumal Moragoda (8 months ago)
Thanks.
Łukasz Cezary (1 year ago)
Good work, thank Yaa :)
Pecador 888 (1 year ago)
Damn, man, I have finally understood why it's better to use percentage for responsive websites. Thanks!
Rana Chand Bhai (1 year ago)
which software u r using for code?
The Net Ninja (1 year ago)
Do you mean my text editor? If so, I'm using Brackets.io in this video
Kaloyan Gorunski (2 years ago)
What should I do if I want the second inline-box element to be displayed under the first?
Harut M (9 months ago)
you just simply declare it as block instead of inline-block
khizar ansari (2 years ago)
Sir how can we set contents inside 70% div elements... for example images , links headings etc
Jakub Frankovič (2 years ago)
I dont know if I understand you, but if you want to set a size of any image to e.g. 70%, you should create an unique class for it and then code..

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.