100vh and env()

The ruler on the left hand side shows small ticks for every 1vh and large ticks for every 25vh.

The box at the bottom should ideally not be cut off by browser UI.

This box is positioned with bottom: 0 and spaced with padding-bottom: env(safe-area-inset-bottom)