Core topics for developers page has a problem

I am trying to read about core ConnectIQ functionality, and the page is slightly offset, either the menu is not hiding as it should, or the page is improperly loading.  

I open this address on my chrome browser on my windows 11 machine,

developer.garmin.com/.../

and this is what I see (embedded/attached image)

For some reason the text in this section is offset so I CANNOT READ IT.  I can get 100% of the lines to show if I zoom the text to %50, but then it's too small for me to read.

Please help!

  • Same in MacOS, Google Chrome. I'm pretty sure this is some recent change as a few weeks ago I haven't noticed any problem.

  • My observations:

    - this only happens for the linked App Trials page

    - this is due the following element

    It's a <pre> element with a <code> element inside of it. Apparently the content (unlock URL) of the <code> element is so long that it's causing the <pre> element (and the rest of the page) to be too wide for most screens / resolutions, even though the <pre> element does scroll.

    In the dev tools, if you delete the <pre> (or the <code>) element, or you edit the URL to be much shorter, the problem goes away.

    (Obviously I am not suggesting that any of us should have to do that in order to view the page, just pointing to the root cause.)

  • Mine goes the other way (Windows 11 & chrome), guessing there is a left or right setting somewhere