Feedback on JavaScript code snippets with long line

[heybran]

Hi,

Greeting from China. As an user who spends quite a lot time reading articles on my phone, for this page: https://www.w3.org/WAI/tutorials/forms/notifications/, on section Example 1: Binary messages, when we have JavaScript code that has longer length (please see below screenshot taken on my iPhone 11, Safari IOS 16.5.1), it makes the layout of the whole page a bit broken.

I would suggest:

1. Add a overflow-x: auto to <div class="language-js highlighter-rouge">, this will improve the reading experience for some users, but not sure if the same for all users.
   or
2. Refactor the JavaScript codes to make it shorter to fit well with smaller screen, but I don't think this will fix the problem as their are phones with smaller sizes. (I can work on this part if we're going with this one).

Anything I've missed? Or is there any better solution? Thanks