I’ve covered the very useful vw and vh CSS units in a previous article, but the related vmin and vmax units are far less known and generally poorly understood. This is unfortunate, as the units have some truly novel use-cases in web development. As I discussed earlier, 1vh is equal to 1% of the current viewport height (i.e. the open browser window), while 1vw is 1% of the current viewport width. v
![MinMaxing: Understanding vMin and vMax in CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/c48ff6b701219bbda0798654fe277a123757e38c/height=288;version=1;width=512/http%3A%2F%2Fthenewcode.com%2Fassets%2Fimages%2Fvmin-vmax-comparison.png)