Fix code block overflow in instructions card

[rohitpaulk]

https://app.codecrafters.io/courses/bittorrent/stages/hw0

[VasylMarchuk]

So if I change the way this magnet link is defined in the instructions markdown from using single-ticks:

`magnet:?....`

to using triple-ticks, like this:

then it works:

[VasylMarchuk]

I assume there's a way to edit the instructions markdown — but I'm not sure where? @rohitpaulk

[rohitpaulk]

Ah, gotcha - @andy1li can you make that change please? @VasylMarchuk the markdown is stored here, but needs an admin to go and "apply" an update in the app.

@VasylMarchuk can you see if there's a CSS fix to prevent this happening even for inline code blocks? I can imagine cases where there's a not-so-long inline code block causing the same issue on smaller screens.

[rohitpaulk]

Probably worth looking at what GitHub does: thisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinline

[andy1li]

Testing too: ABC thisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinlinethisisaverylongcodeblockthatisinline XYZ

---

Prod updated:

[VasylMarchuk]

Probably worth looking at what GitHub does:

Ah, looks like they're simply using word-wrap: break-word; — cool, going to try this for our styles