title: Recommended sizes for Media Queries, to cover tablets phones laptops and desktops
body: <p>What are the best Media Query sizes to use to be sure you've targeted tablets, phones, laptops and desktops as best you can?</p>
  
  <p>For example: The iPhone and Droid have a screen size of 320X480, therefore it would be good to make sure the design looks good at those sizes, since a lot of phones out there are this size. What other sizes would it be good to target? I'm not looking JUST for iphone/ipad sizes, but in general. Especially since there's more Android devices out there now than iOS devices, and Android devices tend to be of so many different sizes.</p>
  
  <p>@media screen and (max-width: 480px) {
  /* would target landscape for the droid, iphone 3, etc. */
  }</p>
  
  <p>@media screen and (max-width: 320px) {
  /* would target portrait for the droid, iphone 3, etc. */
  }</p>