Confusing UX with two-part link boxes

[mstange]

For example, under https://zero-to-nix.com/concepts/nixpkgs#external-sources , you have these boxes:

These boxes look like one clickable element, but in fact there are two parts to it: The first line links to the specific URL under the host, and the second line links to the root path ("/") at the given host.

I accidentally clicked the link to github.com instead of the link to github.com/NixOS/nixpkgs because I didn't intuitively realize that the box had two different clickable areas that go to different targets.

I think the github.com link is not useful.

Alternatively, if you want to keep both link targets, I would recommend a separator line and two "external link" icons so that it's clear that there are two links.

I noticed the text color hover change too late.