[HTML CSS elements] Viewport Units : vh vw vmin vmax

Viewport Units :
the responsive length which adjust based on the browser viewport size and offers dynamic sizing options for CSS elements.

vh (Viewport Height) :
A value of 1vh is equal to 1% of the viewport height and a value of 100vh is equal to 100% of the viewport height.

vw (Viewport Width) :
A value of 1vw is equal to 1% of the viewport width and a value of 100vw is equal to 100% of the viewport width.

vmin (Viewport Minimum)

vmax (Viewport Maximum)


[example]

<div style="width: 33.3%; height:30vh;">

<div style="width: 33.3vm; height:30vh;">

<div style="width: 50vm; height: 90vh; padding: 20vh;">

<div style="width: 100%; height: calc(50vh + 40px);">

<div style="width: 100%; height: calc(50vh - 10px);"> 

<div style="width: 100%; height: calc((100vh - 39px)/2);">





[Real Time Precious metal prices]