title: Recommended widths for responsive layouts
body: <p>What do you recommended should be the widths I should use for a responsive layout? </p>
  
  <pre><code>  /* Default Width: */
    .container { width: 940px; margin: 0 auto; }
  
    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {}
  
    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {}
  
    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {}
  
    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {}
  
    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {}
  </code></pre>