Creating the Pokemon list

list.component.html

<div class="card-container">
  <mat-card
    *ngFor="let pokemon of pokemon$ | async"
    (click)="selectPokemon(pokemon)"
  >
    <mat-card-header>
      <mat-card-title>{{ pokemon.name }}</mat-card-title>
      <mat-card-subtitle>{{ pokemon.type }} type</mat-card-subtitle>
    </mat-card-header>
    <img mat-card-image [src]="pokemon.imgUrl" alt="Photo of a Pokemon" />
    <mat-card-content>
      <p>
        {{ pokemon.description }}
      </p>
    </mat-card-content>
  </mat-card>
</div>