This is a tiny CSS fix to simply remove the "width" attribute on code and pre. I wish someone from HN would fix this.

If only this were a website for technical people...

I agree, but that's the only option for posting something structured. I wish HN would give up and implement GitHub Flavored Markdown and allow us to post code snippets, nested lists, etc. Sorry, I do extra effort to convert HTML into comments - maybe I should write a tool instead. I try to always post a comment with release notes and not just an outbound link. It would be great if HN implements https://changelogs.md/ and gives an open to see the changelog without leaving the site.

Here's the problem:

  @media only screen and (min-width : 390px) and (max-width : 509px) {
    .comment { max-width: 350px; overflow: auto }
    pre { max-width: 260px; }
  }
  @media only screen and (min-width : 510px) and (max-width : 599px) {
    .comment { max-width: 460px; overflow: auto }
    pre { max-width: 340px; }
  }
  @media only screen and (min-width : 600px) and (max-width : 689px) {
    .comment { max-width: 540px; overflow: auto }
    pre { max-width: 400px; }
  }

They are putting max widths on child elements instead of letting the parent control things. It's foolishness.

But then, if you look at the html hacker news generates, it'll put you off your lunch.

How?

It's formatted monospaced text, its perfectly readable to me.

On my iphone, at least, the monospace section cuts off after ~20 characters and you have to drag back-and-forth to horizontally scroll the rest into view. Landscape mode helps, but not much.

It's fixed width at a tiny fraction of the screen width. Reading each line requires manually scrolling from start to end of the line, and then back to the beginning, seeing maybe 2-3 words at a time.

It doesn’t wrap on mobile and you have to scroll horizontally to read it all.

Nor does it wrap in Firefox, so pretty annoying on desktops as well. Unless you're using a large monitor.

(on mobile)