<a> tag triggers too easy


#1

Hello, I made a page that has some cards in which I embed an <a> tag. The structure is the following:

<ion-card>
  <a href = "{{ aLinkToSomeWebPage }}">
    <img [src] = "myPic"/>
  </a>
</ion-card>

This card is between more cards that does not have <a> tags.

The problem is that, when I press somewhere near the card that has the <a> tag in order to scroll, it triggers it.

Any ideas about how to avoid this?

Thank you