Streaming live at 10am (PST)

Nexus 7 media query won't override the default

#1

Can anyone give me an idea why this media query for Nexus 7 won’t override the default media query for landscape phone?

* ----------- Nexus 7 ----------- */
    /* Portrait */
    @media screen 
      and (device-width: 601px) 
      and (device-height: 906px) 
      and (-webkit-min-device-pixel-ratio: 1.331) 
      and (-webkit-max-device-pixel-ratio: 1.332) 
      and (orientation: portrait) {

    }

All of the other custom media queries I am using seem to work except for this one. Note: I know I didn’t include the actual selectors since I believe the issue is with the actual media query values.

The media query came from CSS tricks: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

#2

Nevermind. I think just figured it out. I changed the values from CSS tricks to the below and it seems to work. I haven’t figured out if it messes up any other breakpoints yet. Fingers crossed lol

/* Portrait */
@media screen 
  and (device-width: 600px) 
  and (device-height: 960px) 
  and (orientation: portrait) {

}