title: How to adjust image size in html using css
body: <p>I'm developping an ionic application, and i want to display some images in some cards, the problem is that my images have not the some size, and i want them to look the some.</p>
  <p>The idea is to use à css class that will solve the problem ( at least in the width )</p>
  <pre><code>.full-width-image {
  width: 100%
  }
  </code></pre>
  <p>this class will solve the problem of size and all the images will have the some width. how ever i dont know how to make a fixed height for them all. if i add to my css class a fixed height like:</p>
  <pre><code>.full-width-image {
  width: 100%;
  height: 60px; 
  }
  </code></pre>
  <p>some pictures will look ugly:
  <a href="https://i.stack.imgur.com/mdpqR.png" rel="nofollow noreferrer">how it looks like</a></p>
  <p>what i want is to hide the extra part of the image.</p>