title: Ionic Align image to bottom of ion-col
body: <p>I want to align the images to the bottom of the ion-col element. Here is the code:</p>
  
  <pre><code> &lt;ion-grid&gt;
  &lt;ion-row&gt;
    &lt;ion-col col-6&gt;
      &lt;img src="assets/imgs/mobile-icon.png" /&gt;
    &lt;/ion-col&gt;
    &lt;ion-col col-6&gt;
      &lt;img src="assets/imgs/laptop-icon.png" /&gt;
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  &lt;ion-row&gt;
    &lt;ion-col class="object-label" col-6&gt;
      Smartphone
    &lt;/ion-col&gt;
    &lt;ion-col class="object-label" col-6&gt;
      Ordinateur
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  &lt;ion-row&gt;
    &lt;ion-col col-6&gt;
      &lt;img src="assets/imgs/tablet-icon.png" /&gt;
    &lt;/ion-col&gt;
    &lt;ion-col col-6&gt;
      &lt;img src="assets/imgs/camera-icon.png" /&gt;
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  &lt;ion-row&gt;
    &lt;ion-col class="object-label" col-6&gt;
      Tablette
    &lt;/ion-col&gt;
    &lt;ion-col class="object-label" col-6&gt;
      Appareil photo
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  &lt;ion-row&gt;
    &lt;ion-col col-6&gt;
      &lt;img src="assets/imgs/headphones-icon.png" /&gt;
    &lt;/ion-col&gt;
    &lt;ion-col col-6&gt;
      &lt;img src="assets/imgs/other-icon.png" /&gt;
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  &lt;ion-row&gt;
    &lt;ion-col class="object-label" col-6&gt;
      Accessoires
    &lt;/ion-col&gt;
    &lt;ion-col class="object-label" col-6&gt;
      Autres
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  </code></pre>
  
  <p></p>
  
  <p>I could do it using column attributes stated in the docs: <a href="https://ionicframework.com/docs/api/components/grid/Col/" rel="nofollow noreferrer">https://ionicframework.com/docs/api/components/grid/Col/</a></p>
  
  <p>but for some reason it's not working.</p>