What is CSS vmin unit?

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

50vminmin(width, height)

Frequently Asked Questions about vmin units

When should I use vmin?
Use vmin for elements that should scale based on the viewport's smallest dimension, like square layouts that need to fit in both portrait and landscape orientations.
What's the difference between vmin and vmax?
vmin uses the viewport's smaller dimension, while vmax uses the larger dimension.