これらの内側のカードを高さいっぱいにしようとしていますが、フレックス レイアウトを適切に使用していないように感じます。
<div fxlayout="row">
<div fxFlex style="padding: .5%">
<mat-card>
hi
</mat-card>
</div>
<div fxFlex style="padding: .5%">
<mat-card>
hpo
</mat-card>
</div>
</div>