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

CSS Tutorial For Beginners 42 - Width & Height

237 ratings | 12251 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 (16)
piano0011 Lee (9 days 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 (29 days 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 (1 month ago)
What is max an min height/ width 😒???
Mark Daniel (2 months ago)
Lol when the screen moves down HWAAAA!
neil kumar (2 months ago)
Easily explained ....🗣Thanks Tell me about max an min width-height?
Jun Jung (3 months ago)
Is 100% and auto the same thing?
Madhusudhan (29 days 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 (3 months ago)
Thanks.
Łukasz Cezary (7 months ago)
Good work, thank Yaa :)
Pecador 888 (10 months 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 (4 months ago)
you just simply declare it as block instead of inline-block
khizar ansari (1 year ago)
Sir how can we set contents inside 70% div elements... for example images , links headings etc
Jakub Frankovič (1 year 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.