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.

Click to copy

mat-card{
    width: fit-content;
}