CodePen

HTML

            
              <div class="hidden">
  <div class="wrapper">
    <header>
      <h1>Improved full width browser bars</h1>
    </header>
    <p>This white area is a simple 960 wrapper</p>
  </div>
</div>
            
          
!
via HTML Inspector

CSS

            
              html, body {
  margin: 0;
  padding: 0;
  background: gray;
  font-family: sans-serif;
  height: 100%;
}
.hidden {
  overflow-x: hidden;
}
.wrapper {
  max-width: 320px;
  margin: 0 auto;
  padding: 2em;
  background: white;
}
header {
  margin: 0 -500%;
  padding: 0.5em 500%;
  background: rgba(255,0,0,.5);
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................