[css-d] responsive css

2013-05-20 Thread Dave Solko
I'm having a couple of issues with my attempt at adding responsive aspects to an existing design. Files at http://skunkworks.pixelalchemy.com/responsive/ 1. How do I target both mobile and skinny browser windows: I've tried: @media screen and (max-device-width: 480px) { @media (max-width:

Re: [css-d] responsive css

2013-05-20 Thread Tom Livingston
On Mon, May 20, 2013 at 10:30 AM, Dave Solko d...@pixelalchemy.com wrote: I'm having a couple of issues with my attempt at adding responsive aspects to an existing design. Files at http://skunkworks.pixelalchemy.com/responsive/ 1. How do I target both mobile and skinny browser windows: I've

Re: [css-d] responsive css

2013-05-20 Thread Dez Glidden
To solve the second point you raise about everything being small, the viewport meta tag would adjust how your design appears on mobile devices. There's numerous good resources available but as a starter a suggestion would be meta name=viewport content=width=device-width, initial-scale=1.0