html – Angular 7 Material: Horizontally align cards-ThrowExceptions

Exception or error:

If I have more (material-)cards, they are getting aligned vertically.
How is it possible, to align the cards horizontally from left to right?

How to solve:

You can use the attribute fxLayout="row"

<div fxLayout="row"  fxLayoutGap="12px"  [style.margin-top]="'12px'">

STACKBLITZ DEMO

Leave a Reply

Your email address will not be published. Required fields are marked *