title: How to change image size based on the resolution?
body: <p>I am trying to create a image that will enlarge or shrink based on screen resolution. </p>
  
  <p>I am using bootstrap and want to change the image size. The problem is the image is not that big and I am not sure how to enlarge the image if the user expend the browser window.</p>
  
  <p>My html is like:</p>
  
  <pre><code>&lt;div&gt;
   &lt;img class='col-md-12' src='img.png'/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>img{
    width:100%;
  }
  </code></pre>
  
  <p>Thanks for the help!</p>