title: make image fit full screen without scroll bars
body: <p>I need to make a header image full screen. I tried this:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
     &lt;img src="images/image1.jpg" class="img-responsive" alt="Responsive image"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But here is the picture:</p>
  
  <p><a href="https://i.stack.imgur.com/TCRV5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TCRV5.jpg" alt="enter image description here"></a></p>
  
  <p>Somehow window still need to scroll down as you can see, how can i fix this, to fit in screen? </p>