Ask HN: Hacker News page width broken on mobile
The hacker news homepage is flowing off the screen on mobile today. Anyone else seeing this? The previous style sheet was practically perfect, hoping it isn’t a permanent change.
If you browse HN /new with showdead enabled, there are often spam article titles where the spaces are replaced with ‘+’ and a long enough title without spaces will break the style sheet in the same way, which is how I found out about it and also how to fix it.
The solution is to click ‘hide’ on the offending article title and everything will word wrap correctly again.
I wonder, would using the word-break css property not work[0]? Or barring that, a max-width for the title with a text-overflow set to hidden?
[0]https://developer.mozilla.org/en-US/docs/Web/CSS/word-break
My phrasing was bad, “HN’s default style sheet doesn’t word wrap extremely long titles properly” is more accurate.
I almost find it kind of funny that the general narrative on HN is “not every site needs its own app!” and then when we finally have a site that works flawlessly on mobile, people still suggest an app for it!
I just found this one which works fine, and it also has dark mode http://hn.premii.com