How to change height of Mat-Card element in angular material design component

Adding a fxLayoutAlign="start start" to the container div sets the alignment of the cards to what you're looking for. StackBlitz demo

Flex-Layout fxLayoutAlign API docs

Flex-Layout demo playground

Set fxFlexAlign="stretch" to have all mat-card in same height.