HTML Page Width and Height Settings | CSS Full Screen Size

HTML Page Width and Height Settings | CSS Full Screen Size

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.

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.

  • (0:00) Intro
  • (0:35) Initial set up and CSS values
  • (1:50) Viewing Computed Styles in Dev Tools
  • (2:26) The CSS Reset
  • (3:40) The root element of your webpage
  • (4:00) The body element
  • (4:35) Starting with percentages
  • (6:15) The root pseudo-selector
  • (7:15) What is the best solution for a full page height?
  • (8:25) The problem with 100% height on html and body
  • (9: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?

html css web-development programming developer

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire CSS Developer

Want to develop a website or re-design using CSS Development? We build a website and we implemented CSS successfully if you are planning to **[Hire CSS Developer](https://hourlydeveloper.io/hire-dedicated-css-developer/ "Hire CSS Developer")**...

HTML and CSS Tutorial for Beginners | HTML and CSS | HTML CSS Tutorial

HTML and CSS Tutorial for Beginners will provide you with a detailed and comprehensive knowledge about HTML. In this HTML Tutorial for Beginners you will learn HTML concepts from scratch and also how to create your first web page using HTML Tags.

HTML and CSS Tutorial for Beginners | HTML and CSS | HTML CSS Tutorial

HTML and CSS Tutorial for Beginners will provide you with a detailed and comprehensive knowledge about HTML. In this HTML Tutorial for Beginners you will learn HTML concepts from scratch and also how to create your first web page using HTML Tags.

How To Make Website Using HTML And CSS | Create HTML & CSS Website

Learn HTML and CSS Website Design Step By Step, How To Make A Website Using HTML and CSS, Web Design Tutorial. Here in this video you will learn to make a beautiful website design using HTML and CSS.

Creating a website using HTML & CSS | HTML & CSS | Full Stack Training

Creating a Simple website using HTML & CSS will provide you with detailed and comprehensive knowledge about HTML. In this HTML Tutorial for Beginners, you will learn HTML concepts from scratch and also how to create your first web page using HTML Tags.