title: How to make a div full width
body: <p>I'm using a theme where it's content is set to 1200px. The problem is I want to create a DIV that is full width to the screen's edge and then offset the margin-left to offset the difference. (I'm guessing this is the easiest way)</p>
  <p>How do I calculate the width of the column between the side of the screen to the left side of the 1200px grid? And then calculate that difference into the width of the DIV I'm trying to create so that the DIV is full width, regardless of what screen size it's being viewed on?</p>
  <p>I'm aware I can do this with fancy editors like Visual Composer, but they are too clunky and make the site slower..</p>
  <p>the following seems to work for text, but I can't get an image to stretch across the screen full width unless I make it larger and overlap the screen size. I need it to touch from screen side to screen side</p>
  <pre><code>.blue_section {
    width: 200% !important;
    margin: 0px -50% 0px -50% !important;
    padding: 0px 0px 0px 0px !important;
    background-color: #0088CC;
  }
  .blue_content {
    width: 1200px !important;
    height: 100% !important;
   margin: 0px auto 0px auto !important;
   padding: 10px !important;
  }
  </code></pre>