Use CSS @media width selectors to work on mobile browsers

[ExE-Boss]

By using CSS @media min-width and max-width selectors one can make a stylesheet apply a different layout based on the display size. This is used by Twitter’s Bootstrap to make the stylesheet work on both desktop and mobile.

External links:

• https://developer.mozilla.org/en-US/docs/Web/CSS/@media
• https://developer.mozilla.org/en-US/docs/Web/CSS/@media/width
• https://www.reddit.com/r/naut/comments/69m2uu/is_there_a_way_to_use_this_theme_on_the_mobile_app/dhdgwt2/

[Maltroth]

Reddit does not accept the @media query. The stylesheet is simply denied when submitted.

[sebj]

Are you sure? We're using @media with max-width, min-width and pixel density queries with no issue on r/CompetitiveOverwatch.

[Maltroth]

Wow, my bad, last time I tried it didn't work, this is life changing.

[ExE-Boss]

If Naut manages to implement this before the CSS removal, it might be another reason for the Reddit admins to reconsider removing CSS.