title: 1140 grid ipad portrait
body: <p>I'm attempting to use the 1140 grid from cssgrid.net and am running into an issue. On screens between 768px - 795px, the right padding on the .container div is not working. Instead, the content begins to butt up against the right edge of the browser window. I'm viewing my site in the newest version of Chrome on Mac (and the main issue with this range is that iPads in portrait are 768px).</p>
  
  <p>The same thing seems to be happening on <a href="http://cssgrid.net" rel="nofollow">cssgrid.net</a> with the "download" button at top right.</p>
  
  <p>I've come up with a temporary work around on <a href="http://future.thefutureforward.com/~conant/sliced/" rel="nofollow">a site I'm working on</a>, that changes the padding on screens of this size to 5px instead of 20 within 1140.css:</p>
  
  <pre><code>@media only screen and (min-width : 768px) and (max-width : 795px){ 
  .container{ padding-left: 5px; padding-right: 5px; } 
  }
  </code></pre>
  
  <p>but this seems like an unnecessary work around (and I would much rather have the 20px of padding, as 5 is a bit close for comfort).</p>
  
  <p>If you have any insight into this, it would be so appreciated. </p>