title: How to get images to not stretch during page resize
body: <p>I would like for my image to keep its normal width and height without stretching in the full screen browser. How could this be accomplished?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
    &lt;img id='mountain' src='img/mountains.jpg'&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>body {
      margin: 0;
      padding: 0;
  }
  
  #mountain{
      width: 100%;
      height: 600px;
  }
  </code></pre>