Pages like Web APIs with multiple columns look bad on mobile · Issue #5632 · mdn...
source link: https://github.com/mdn/yari/issues/5632
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Summary
To clarify, "bad" is just a succinct word to use in the title. Hard work went into the docs and this is appreciated. I love front end devs. Please don't make me center a div. <3
On mobile, pages like https://developer.mozilla.org/en-US/docs/Web/API look bad because the three columns cause the content to get squished too much and cause text in one column to get cut off as you scroll down.
I think it would look better if it was just one column on mobile.
This may affect other pages on the site too. I haven't checked other areas yet.
https://developer.mozilla.org/en-US/docs/Web/API
Reproduction steps
- In a phone's mobile browser (I used Firefox on Android) go to https://developer.mozilla.org/en-US/docs/Web/API
- Scroll down
- Observe content
Expected behavior
Content is in a form easy to read
Actual behavior
Content is possibly hard to read
Device
Smartphone
Browser
Firefox
Browser version
Stable
Operating system
Android
Screenshot
https://pbs.twimg.com/media/FN5GredWYAUI6mV?format=jpg&name=900x900
Anything else?
from https://twitter.com/schalkneethling/status/1503779679811121153
Validations
- I have read the Community Participation Guidelines.
- I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK