engtosin

entoson.html

<div class="container"
     fxLayout="column"
     fxLayoutGap="10px">

  <div fxFlex>
    <div>
      <h3><strong>FONTS</strong></h3>
      <hr>
    </div>
  </div>

  <div fxFlex>
    <mat-grid-list cols="5" rowHeight="200px">
      <mat-grid-tile *ngFor="let font of fonts" (click)=onSelect(font)>
        <img height="200px" src={{font.image}} alt={{font.name}}>
        <mat-grid-tile-footer>
          <h1> {{font.name | uppercase}}</h1>
        </mat-grid-tile-footer>
      </mat-grid-tile>
    </mat-grid-list>
  </div>
</div>
<app-fontdetail [font]="selectedFont"></app-fontdetail>