Header links’ whitespace cause accidental activation

[dieulot]

When you click to the right of a header it’s still considered part of the link and it scrolls you to that header.

There’s little value to having an overflowing link like that, most of those clicks are likely accidental clicks. It personally happens to me a lot, both on desktop and on mobile. It’s a constant source of annoyance.

The solution is to put the <a> element inside the <h2>/<h3> element instead of the opposite.