Also is there a way for there to be card footers, like those in bootstrap where we can place an element at the very bottom of the card? I tried using ion-footer both inside and out of ion-card-content to no avail!
That doesn’t adhere to the structure I described, so percentage heights are not going to be operating off the same baseline. In order for percentage heights to work as equalizers, all of the <ion-card> elements have to be siblings. The ones in this post are cousins, because you have to go up two levels in the DOM (to the <ion-row>) to get to a common container.
So I don’t see how one would do this using <ion-grid> unless you want to set heights for the cards explicitly (as @mikrochipkid is suggesting).
Personally, what I would do is to ditch Ionic’s grid entirely, and just use CSS Grid. I would think align-self: stretch (which is the default) would do exactly what you are wanting in the first place.
I don’t know, but I do know that:
No on this. <ion-footer> must be a root child of a page, and doesn’t have any connection to cards.