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

CSS Tutorial For Beginners 42 - Width & Height

260 ratings | 13578 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 (18)
react native (14 days ago)
is this how width is calculated width = left and right padding + left and right margin + left and right border
ahmad maryam (8 days ago)
That's right.
piano0011 Lee (2 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 (2 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 (4 months ago)
What is max an min height/ width 😒???
Mark Daniel (4 months ago)
Lol when the screen moves down HWAAAA!
neil kumar (4 months ago)
Easily explained ....🗣Thanks Tell me about max an min width-height?
Yong Jun Jung (5 months ago)
Is 100% and auto the same thing?
Madhusudhan (2 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 (5 months ago)
Łukasz Cezary (9 months 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 (1 year ago)
What should I do if I want the second inline-box element to be displayed under the first?
Harut M (6 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.