100vw is a trap! It can't measure the viewport width

Do you also love the vw unit in CSS? The Volkswagen of units? And did you know it's complete and utter shit? The expression 100vw means one hundred percent of the viewport width. The entire browser canvas. Want your full-bleed cover to be exactly that wide? Just set width: 100vw on it. And what if the page has a vertical scrollbar? Mac users barely notice it, because macOS auto-hides it when not…