Ever since I first read about CSS’s viewport units, I was intrigued. It was a way have heights and widths resize responsively relative to the web browser’s viewport, and it didn’t need a lick of javascript. But of course browser support had to catch up — and it has.

Since browsers have caught up, I’ve used it on sites to set heights and widths. The CSS Tricks article linked below though shows using viewport units for padding to make a flexible header.

Source: CSS Tricks – Simple Little Use Case for `vmin`