style: word wrap code to prevent content overflow-x

[peterpeterparker]

Motivation

While I reverted #1473—a change originally intended to prevent overflow-x on mobile—I noticed that, despite CSS evolving, the issue still occasionally occurs when a code block inside a link within a list has text long enough to overflow the screen. Wrapping the text forces it to break onto a new line.

Before:

After:

[Turbo87]

this seems like quite a specific selector 😅

while this would probably fix the issue for the specific blog post you took a screenshot of, I assume it won't work for ol lists, for code blocks that are not links, and for code blocks that are not in lists.

do you think we can find a solution that would work for all of these cases? :)

[peterpeterparker]

Fair point, I agree with you. That was a quick fix. I'll make a note and tackle this properly when I have more time. Meanwhile, I'll close the PR.