MDN does not fit well on small screen (1024px wide)

RESOLVED WORKSFORME

Status

RESOLVED WORKSFORME
5 years ago
5 years ago

People

(Reporter: Jeremie, Unassigned)

Tracking

Details

Attachments

(1 attachment)

(Reporter)

Description

5 years ago
I'm just testing the new redesign. It appears that this design is not responsive and fit very badly on window smaller than 1000px. 

At minimum, it would be nice to allow the center column (with all the content) to shrink on smaller screen.

At best, it would be awesome to build media query break points to adjust the content for small screen.
Luke, do you have any info on how many users are at this resolution?
Flags: needinfo?(lcrouch)
(Reporter)

Comment 2

5 years ago
From my perspective: I don't know the current statistic but it will prevent all the users with a tablet in portrait mode to access a nice version of MDN. (we could add a meta viewport to prevent this but this would be very hackish as it's very easy to play with the min/max-width css property to handle some minimum fluid layout)
This is what I see at 1000px:

http://screencast.com/t/a4AUPzu80LtQ

This is the tablet media query width (slightly less than 1000px, 963px in the following screenshot):

http://screencast.com/t/kthoAKNncZcD

What is the issue with these views?  They look professional and elegant to me.
(Reporter)

Comment 4

5 years ago
Created attachment 800211 [details]
768x1024 screenshot

This what I get when using FF with a 768px width window

(screen shot of https://developer.mozilla.org/en-US/docs/Web/API/Navigator)
Here's what I see at said width:

http://screencast.com/t/kxyHbXkG7bPh
desktop vs. mobile vs. tablet: http://screencast.com/t/RCWO19MB

top 25 screen resolutions: http://screencast.com/t/m2dk572PaA
Flags: needinfo?(lcrouch)
Luke: don't forget that these data are skewed by the fact that the current MDN is next to be unusable on mobile and tablets.
YUI Compressor was causing errors with media queries -- I have a PR in to fix that now.  Details about the problem and solution here:

http://davidwalsh.name/yui-compressor-media-query-error
Status: NEW → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.