bonjour,

J'aimerais en fonction de la largeur de la fenêtre obtenir ce résultat :

Mais je ne sais pas comment adapter mon code html avec la directive d'attribut ngClass . Je vous montre ce que j'ai fait :

<div style="text-align:center">
  <h1>
    Bienvenue sur notre {{ title }} !
  </h1>
  <div class="container">
    <div class="row">
      <mat-expansion-panel *ngFor="let d of discs">
        <mat-expansion-panel-header>
          <mat-panel-title>
            <mat-icon>album</mat-icon>
                  {{ d.name }}
          </mat-panel-title>
        </mat-expansion-panel-header>
        <mat-card [ngClass]="width ? 'row' : ''">
          <div [ngClass]="width ? 'col s3' : ''">
          </div>
          <div [ngClass]="width ? 'col s9' : ''">
          </div>
          <img class="col s3" md-card-image src="{{d.picture}}"/>
            <mat-list>
              <mat-list-item> {{ d.created }} </mat-list-item>
              <mat-list-item> {{d.cat}} </mat-list-item>
            </mat-list>
            <a href = "" target ="_blank "> Plus d'infos </a>
        </mat-card>
      </mat-expansion-panel>
    </div>
  </div>
</div>

Merci d'avance pour votre aide.