CodePen

HTML

            
              <div id="content">
  <div id="wrapperwidth">Wrap</div>
  <div id="responsivefadebanner">
    
    <div>FULL WIDTH FADING IMAGES in yellow</div>
    
     <div class="caption">caption to line up with wrapper</div>
    
  </div>
  
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              #content {
   width:100%;
  background-color:red;
  height:800px;
}

#wrapperwidth {
  margin-left:auto;
margin-right:auto;
  background-color:red;
  max-width:1155px;
}

#responsivefadebanner {
   width:100%;
  background-color:yellow;
  height:600px;
  margin-top:200px;
}

.caption {
  margin-left:auto;
margin-right:auto;
  background-color:red;
  max-width:1155px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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