Flexbo saysViewport units — vw, vh, vmin, vmax (and dvh) — size things relative to the screen.
1vw is 1% of viewport width, 1vh 1% of height; vmin/vmax track the smaller/larger dimension. Great for full-height heroes (height:100vh) and fluid type. On mobile, prefer the dynamic dvh unit, since 100vh can include the area under the address bar.
Power-ups you unlock
vw/vh = % of viewport width/height
vmin/vmax track the smaller/larger side
100vh for full-screen sections
Prefer dvh on mobile (100vh overshoots)
The Float Phantom attacks — common mistakes
100vh causing mobile scroll under the URL bar (use dvh)
Font sizes in pure vw with no min/max
Using vw for things that should respect content
Boss battleMake a full-viewport-height hero, then size a heading fluidly with clamp + vw.