Layout breaks on certain screens

[arothuis]

I noticed this in the cli reference when I visited on my phone (here emulated in Chrome):

The culprit in this case seems to be the following <code> block:

This behavior is caused by white-space: nowrap;. A fix would be to use a block-element like <pre> or style the wrapping differently (e.g. white-space: normal or white-space: pre-line) on this one.

Additionally, we could consider a block element with overflow-x: auto. This presents a scrollable code-block on screens that lack horizontal space.

[lpil]

Oh dear! Thank you

[HatGuy68]

The issue seems to be happening because <code> has the CSS property of white-space: nowrap;.

[lpil]

Thank you @HatGuy68