title: Responsive image (width and height)
body: <p>I am creating a simple portfolio webpage for an photographer. He wants to show his pictures in the web. So the images should be responsive. So I wrote following code to the image class:</p>
  
  <pre><code>img {
      max-width: 75%;
      height: auto;
  }
  </code></pre>
  
  <p>So it fits the image to the width of any screen, but I want to show the image in full height. So if the image has a bigger height, the user have to scroll down to see the whole image. So how should I set the height, so the whole image whould be shown immediately?</p>
  
  <p>With regards,</p>
  
  <p>Andrej</p>