What is CSS vmax unit?

The vmax unit is relative to 1% of the viewport's larger dimension (width or height). If width is larger than height, 1vmax equals 1vw, otherwise 1vmax equals 1vh.

75vmaxmax(width, height)

Frequently Asked Questions about vmax units

What are good use cases for vmax?
Use vmax for elements that should scale based on the viewport's largest dimension, like overlays or backgrounds that need to cover the entire viewport regardless of orientation.
Is vmax supported in all browsers?
vmax is well-supported in modern browsers, but might need fallbacks for older browsers.