Fitting mat-card inside mat-grid-tile

I am trying to make the mat-card to resize with the mat-grid-tile. However, it seem when I reduce the size of the tab, the card doesn't fit the new size.

I tried to change my css to this, but it didn't work.

mat-card {
  width: 100%; 
  height: 100%;
}

https://stackblitz.com/edit/angular-ivy-gdgm7w?file=src/app/app.component.html

Is there a way to make the card shrink in size (like does) when resizing the window?

------------------- Update---------------

Based on someone's answer I sat height for mat-grid-list and this made it kind of work but not when I increase the size of the tab.

https://stackblitz.com/edit/angular-ivy-3n3mjg?file=src/app/app.component.html

for instant when I go fullscreen with the tap the card loses parts of it. https://angular-ivy-3n3mjg.stackblitz.io

Sadly I am not very familiar with css to know how to fix that.