Yes, CSS properties can be set on the HTML element in Webflow to make the page height stretch to fit the screen. One commonly used CSS property for achieving this is `height: 100vh;`. The "vh" unit stands for "viewport height" and represents a percentage of the height of the browser's viewport.
By applying `height: 100vh;` to the HTML element, you're essentially setting its height to be equal to the full height of the browser window. This ensures that the entire page will stretch to fit the screen, regardless of its content.
Here's how you can set the CSS properties on the HTML element in Webflow:
1. Open your Webflow project in the Designer.
2. Select the HTML element by clicking on the `` tag in the Navigator panel or directly on the canvas if it's accessible.
3. In the Styles panel, click the "+" button next to the "All Selector" dropdown to add a new CSS property.
4. Locate the "height" property and enter `100vh` as its value.
5. Additionally, you may want to ensure that the body element also inherits the same height to avoid any potential conflicts. To do this, select the `
Once you apply these CSS properties, the HTML and body elements will stretch to fill the entire height of the browser window, making your page content fit within the screen height. Keep in mind that if you have any other content within your page that needs to scroll, you may need to adjust the height or implement additional scrolling behavior to accommodate it.