Angular Material mat-card width as inner text width

Question

Card's width is always 100%.

Demo

I would adapt mat-card width to fit text width ( with some padding )

<mat-card>Simple card</mat-card>

Answer 1

You should apply to mat-card the css I wrote below.

mat-card{
    width: fit-content;
}

Answer 2

You can simply write some css for mat-card and set the width property as you wish. As example:

mat-card {
  width: 50%;
}