css <pre> and <code> for mobile devices

(Diary of an Old AI Researcher who is still Programming)

14 July 2019

I have received a message from Google Search Console saying
`your site is affected by 3 new issues of type Mobile Usability'.


I have found the main issue is
`Content is wider than the screen'.

This issue has occurred because I used <pre> and <code> in my html files to show my codes.
Some lines in the codes were too long for a mobile device window.

I have searched in the internet using the key phrase `html for mobile device pre code', and have found the following page.
`having trouble with <pre><code> on mobile - Stack Overflow'

As shown in the above page, adding pre{white-space:pre-wrap; word-wrap:break-word; overflow:auto;} in the css worked for me, too.

To the extent possible under law, the person who associated CC0 with this work has waived all copyright and related or neighboring rights to this work.