Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching HTML Page Width and Height Settings | CSS Full Screen Size. and this video is uploaded by Dave Gray at 2021-02-05T06:15:03-08:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [dpuKVjX6BJ8]
| Name | HTML Page Width and Height Settings | CSS Full Screen Size |
| Video Uploader | Video From Dave Gray |
| Upload Date | This Video Uploaded At 05-02-2021 14:15:03 |
| Video Discription | Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn how to set HTML page width and height settings in CSS to achieve a full screen size. Setting CSS Height and Width properties can be confusing when working with the html and body elements. This quick tutorial explains root elements, how the html and body element interact, and when to use viewport units as well as when to avoid them. ๐ Support me on Patreon โ https://patreon.com/davegray โญ Become a full-stack web dev with Zero To Mastery Courses: - The Complete Web Developer: https://bit.ly/WebDevMaster - The Complete Web Designer: https://bit.ly/CompWebDesign - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr ๐ฉ Subscribe โ https://bit.ly/3nGHmNn โ Buy Me A Coffee: https://www.buymeacoffee.com/DaveGray HTML Page Width and Height Settings | CSS Full Screen Size (00:00) Intro (00:35) Initial set up and CSS values (01:50) Viewing Computed Styles in Dev Tools (02:26) The CSS Reset (03:40) The root element of your webpage (04:00) The body element (04:35) Starting with percentages (06:15) The root pseudo-selector (07:15) What is the best solution for a full page height? (08:25) The problem with 100% height on html and body (09:20) The solution that has worked for years (10:53) A more recent solution for full page height (12:17) What about html page width? (12:44) Setting html page width with percentages (13:19) Why you may get a horizontal scroll bar and how to prevent it (15:33) What styles should be set on the html element? ๐ป Learn Web Dev at these sites: https://www.freecodecamp.org https://www.theodinproject.com https://scrimba.com/ โ Follow Me: Github: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Blog: https://yesdavidgray.com/ Reddit: https://www.reddit.com/user/DaveOnEleven Was this tutorial about how to set the HTML page width and height with CSS helpful? If so, please share. Let me know your thoughts in the comments. #html #width #height [dpuKVjX6BJ8] |
| Category | Education |
| Tags | html page width height | html | web design | tutorial | css | html tutorial | height | css tutorial | web development | web | pixel | html5 | width | how to | design | programming | html for beginners | website | webpage | px | css tutorials | web design tutorials | html 5 width tutorials | css full screen size | setting height and width | html and css | fullscreen | css setting height width | css tutorial for beginners | css3 | css width | size | css for beginners | width css | height css | css units | min height |
