<mat-card> is not raised - there is no border

You probably just need a margin in your mat-card.

<mat-card style="margin:2em;">
...more code
</mat-card>

Here's a stackblitz demo

My issue was that I didnt have a theme imported in my styles.css:

@import "~@angular/material/prebuilt-themes/indigo-pink.css";