title: How to make "image banner" 100% of viewport with no margins, and rest of page center
body: <p>My question is how to get a banner to be <code>100%</code> of the viewport whilst keeping everything else center. </p>
  
  <p>Right now I am trying to experiment with the Skeleton framework for the use of its pre made <code>@media</code> solutions and grid system. I noticed because it is a 960 grid system I can't put a banner inside it which will go to <code>100%</code> of the viewport ( as its restricted to <code>960px</code> ).</p>
  
  <p>I would like a solution which allows me to continue using the Skeleton framework and I can get a work around for a <code>100%</code> viewport banner like <a href="http://brettryanstudios.com/contact/" rel="nofollow">this site</a> as an example. </p>
  
  <p>If this is not possible then I will need guidance for the best method of pulling this off.</p>