TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Tell HN: Responsive layout broken on some devices

2 pointsby luso_brazilianover 9 years ago
Greetings HN audience and admins<p>The attempt to improve the mobile layout for this site seems to be underway but, like the previous aborted attempt, it doesn&#x27;t seem to have started well.<p>In the images [1] and [2] below are the screenshots (taken on an iPhone 5 with the latest iOS) of HN homepage (where the changes seems to have been published) and article page (where it seems to be unchanged) to illustrate the problems:<p>1. There is a padding in the body (the white space around the content) that wastes precious screen real state.<p>2. The font size in relation to the screen width was increased without the proper adjustments in the layout. That caused:<p>a. The top links to become cluttered and disorganized<p>b. Both the top and bottom links to span multiple lines without the proper spacing between then, making it easier to click the wrong link<p>c. The article links and other information to reach the end of the line more often and, associated with the lack of right padding in that area, makes it touch and sometimes spill over the right margin over the white background.<p>It is very important to have a better layout for mobile devices on HN specially because it is very hard to interact with the site (upvote, click articles or submit) but IMO it should be properly designed, implemented and tested in multiple devices and OS before deployment.<p>This last point is the most important of all. It is very tempting to implement responsive design via media queries and to neglect tests in the bottom and top range causing screens too wide or too narrow to fail.<p>Apologies for the long and public post. Hope it helps<p>[1] http:&#x2F;&#x2F;imgur.com&#x2F;4uPlzPB<p>[2] http:&#x2F;&#x2F;imgur.com&#x2F;18mp2TH

2 comments

luso_brazilianover 9 years ago
Sorry, didn&#x27;t notice there were already a top post about this. Will post there instead.
wesleybolandover 9 years ago
really, hacker news?... Can I help?