Take DPI into consideration before collapsing content below sidebar
On a Nexus 7 the content is shown beneath the list of feeds when held in portrait mode despite a horizontal resolution of 800px.
On a desktop with a regular monitor, no collapsing occurs when resizing the browser window to 800px wide.
I am assuming this is due to chrome reporting a lower horizontal resolution to your css media queries due to the higher display density. I have observed that your stylesheets already take dpi into account for your logo, so I am merely suggesting that you do the same for your layout.
![](https://secure.gravatar.com/avatar/ce0291347c0628962d160a9704641b69?size=40&default=https%3A%2F%2Fassets.uvcdn.com%2Fpkg%2Fadmin%2Ficons%2Fuser_70-6bcf9e08938533adb9bac95c3e487cb2a6d4a32f890ca6fdc82e3072e0ea0368.png)
-
zachasme commented
On a side note, it's great that you provide a larger logo for higher pixel ratios (at and above 1.5), but that still leaves a minority of us (those with a pixel ratio of 1.3, which might be limited to the Nexus 7 for now: http://bjango.com/articles/min-device-pixel-ratio/) with a blurry logo.