title: Custom Container Not Full Width
body: <p>please take a look at my sample code</p>
  
  <p>HTML</p>
  
  <pre><code>   &lt;div class="custom-container"&gt;
          &lt;section class="parallax-bg-1 text-center" style="background-image:url('https://killtheboredomdotcom.files.wordpress.com/2015/08/skyline-of-rome.jpg?w=1920&amp;h=768&amp;crop=1')"&gt;
              &lt;h1 class=""&gt;Welcome&lt;/h1&gt;
  
              &lt;p class="lead"&gt;subtitle&lt;/p&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.custom-container{
    padding-right: 0;
    padding-left: 0;
    width: 100%,
  }
  section {
      height:350px;
      padding-top:50px;
      padding-bottom:50px;
  }
  .parallax-bg-1 {
      background: no-repeat top center fixed;
      color:#fff;
      background-size:cover;
  }
  </code></pre>
  
  <p>containers</p>
  
  <pre><code>}
  .custom-container{
    padding-right: 0;
    padding-left: 0;
    width: 100%,
  }
  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 1600px) {
      .container {
          max-width: 1600px;
      }
  }
  @media (min-width: 1900px) {
      .container {
          max-width: 1900px;
      }
  }
  @media (min-width: 768px) {
    .container {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1180px;
    }
  }
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  </code></pre>
  
  <p>JS Fiddle: <a href="https://jsfiddle.net/unpvuzaq/" rel="nofollow noreferrer">https://jsfiddle.net/unpvuzaq/</a> (it works just fine in JS Fiddle but on my end it's not)</p>
  
  <p>the picture is in parallax mode but take a look at my web screenshot it still has padding </p>
  
  <p>image resolution 1920x1080</p>
  
  <p><a href="https://i.stack.imgur.com/qmtXv.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qmtXv.jpg" alt="enter image description here"></a></p>
  
  <p>kindly help me.</p>