I’m going to create my own simple website project because I want to learn how mobile design works. Was wondering if anyone can help me out real quick? When I create a site I put in all my css and name my css file main.css.
Do I link it to my css but for media put screen?
Then I have to create a new css file and call it mobile.css, then link it to that css and change media to handheld?
When I create my main.css instead of using pixles I use percentages?
For desktop first the other way around of course.
I personally prefer to put everything into one css file, especially for a small site.
For the desktop view you will probably want to set the wrapper width in pixels, or a max width. For small screens I recommend 100%. Look into responsive grid systems to make your life easier.
Oh – and the polyfill if you go mobile first: < https://github.com/scottjehl/Respond>