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



5 years ago
5 years ago


(Reporter: Jeremie, Unassigned)




(1 attachment)



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)

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:

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

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

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
Here's what I see at said width:
desktop vs. mobile vs. tablet:

top 25 screen resolutions:
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:
Last Resolved: 5 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.