title: Resize image in ionic cards
body: <p>I want display a set of images with a description below. I chose to use Ionic cards.
  I got this result (the first image):</p>
  
  <p><a href="https://i.stack.imgur.com/TpmTy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TpmTy.png" alt="enter image description here"></a></p>
  
  <p>While I want to preserve the same layout I have now, and add a description.</p>
  
  <p>Here is my code:</p>
  
  <pre><code> &lt;ion-content ng-controller="cityController"&gt;
  
      &lt;div class="row"&gt;
  
          &lt;div class="col col-33"&gt;
        &lt;div class="list card"&gt;
          &lt;div class="item item-body"&gt;
              &lt;img  class="full-image"src="img/images/opera.jpg"/&gt;
            This is a "Facebook" styled Card..
          &lt;/div&gt;
        &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col col-33"&gt;
              &lt;img src="img/images/basilique.jpg"/&gt;
          &lt;/div&gt;
          &lt;div class="col col-33"&gt;
              &lt;img src="img/images/hoteldeville.jpg"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
      .center {
    text-align: center;
  
  }
  
  .col {
  
    overflow: hidden;
  }
  
  .row {
  
    overflow: hidden;
    height: 180px;
  }
  
  .fullscreen {
      width: 100%;
      height: 100%;
  }
  </code></pre>
  
  <p>How can I fix this?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p><a href="https://i.stack.imgur.com/davTD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/davTD.png" alt="picture"></a></p>