What is CSS vh unit?

The viewport height (vh) unit is relative to 1% of the viewport's height. 100vh equals the full viewport height.

Viewport75vh height

Frequently Asked Questions about vh units

How is vh different from %?
vh is always relative to the viewport height, while % is relative to the parent element's height.
When should I use vh?
Use vh for creating full-height layouts, hero sections, or elements that should scale with the viewport height.