title: Unwanted white space on the top and left
body: <p>I'm trying to make an image under a title on the top left but the image doesn't want to cover the left side. </p>
  
  <p>I changed the position to position: absolute, made the margin and padding 0, inspected the HTML page and can't see anything that can influence this image.</p>
  
  <p>The HTML:</p>
  
  <pre><code>        &lt;div class="header"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col"&gt;
                          &lt;h1&gt;Dillan Robbertze&lt;h1&gt;
                          &lt;img src="mountain-og.jpeg"&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>The CSS:</p>
  
  <pre><code>.header img{
      height:Auto;
      left:0;
      margin:0;
      padding:0;
      position:absolute;
      width:100vw;
      z-index:1;
      }
  </code></pre>
  
  <p>Expected Results: Image is under the title top left.
  Actual Results: There is a white space left and top of the image.</p>
  
  <p>EDIT: I added top:0; thanks to @Somesh Mukherjee. The image moved up, but there is still a left space that shouldn't be there.</p>