SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

The newer CSS viewport units (svh, lvh, dvh) are one of my favourite features in modern CSS 🔥

→ The "smallest viewport height" (svh) will always fit the smallest amount of space (all content will always be visible)

→ The "largest viewport height" (lvh) will always take up the largest amount of space (potentially hiding some content underneath UI)

→ The "dynamic viewport height" (dvh) will resize to fit the currently available space (adapting as the browser UI gets visible or hidden)

Mads Brodt