It's my favourite thing, so useful!
btw I'd avoid to overlap other texts otherwise they become unselectable
True! This is a big downside to using before
In that case maybe it's better to wrap the whole element in a a tag :)
You can also use a container around selectable text and set it to position: relative: z-index: 1 to bring it above the link click area ;) It removes the text from being part of the click area but I would suggest selectable text is a higher priority and you still get the benefit of the rest of the card becoming clickable.
position: relative: z-index: 1
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.