title: make the image displayed smaller in ionic
body: <pre><code>&lt;div class="list card"&gt;
  
    &lt;div class="item item avatar item-icon-right"&gt;
      &lt;img src="https://pbs.twimg.com/profile_images/598205061232103424/3j5HUXMY.png"&gt;
      &lt;h2&gt;Simran Kaur&lt;/h2&gt;
      &lt;p&gt;November 06, 1992&lt;/p&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I have this piece of code in ionic and whatsoever image I add here takes up most of the space. Why is that and how do I fix this?</p>
  
  <p>It looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/FZI21.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FZI21.png" alt="enter image description here"></a></p>
  
  <p>Here is my complete code:</p>
  
  <pre><code>&lt;div class="list card"&gt;
  
    &lt;div class="item item avatar item-icon-right"&gt;
      &lt;img src="https://pbs.twimg.com/profile_images/598205061232103424/3j5HUXMY.png"&gt;
      &lt;h2&gt;Simran Kaur&lt;/h2&gt;
      &lt;p&gt;November 06, 1992&lt;/p&gt;
    &lt;/div&gt;
  
    &lt;div class="item item-body"&gt;
      &lt;p&gt;
        This is a "Facebook" styled Card. The header is created from a Thumbnail List item,
        the content is from a card-body consisting of an image and paragraph text. The footer
        consists of tabs, icons aligned left, within the card-footer.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;a href="#" class="subdued"&gt;1 Like&lt;/a&gt;
        &lt;a href="#" class="subdued"&gt;5 Comments&lt;/a&gt;
      &lt;/p&gt;
    &lt;/div&gt;
  
    &lt;div class="item tabs tabs-secondary tabs-icon-left"&gt;
      &lt;a class="tab-item" href="#"&gt;
        &lt;i class="icon ion-thumbsup"&gt;&lt;/i&gt;
        Like
      &lt;/a&gt;
      &lt;a class="tab-item" href="#"&gt;
        &lt;i class="icon ion-chatbox"&gt;&lt;/i&gt;
        Comment
      &lt;/a&gt;
      &lt;a class="tab-item" href="#"&gt;
        &lt;i class="icon ion-share"&gt;&lt;/i&gt;
        Share
      &lt;/a&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>