→ The "smallest viewport height" (svh) will fit the smallest amount of space → The "largest viewport height" (lvh) will always take up the largest amount of space → The "dynamic viewport height" (dvh) will resize to fit the currently available space, adapting as the browser UI gets shown or retracts
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter