<ng-container *ngIf="guideCategory">
  <div fxLayout="column" fxLayoutGap="2em">
    <mat-card class="description">
      <a [routerLink]="['/content', guideCategory.content.id]">{{guideCategory.content.name}}</a><h1>{{guideCategory.name}}</h1>

      <app-markdown [data]="guideCategory.description"></app-markdown>
    </mat-card>

    <mat-card *ngIf="guideCategory.contentItems && guideCategory.contentItems.length">
      <h2>Resources</h2>
      <mat-nav-list>
        <mat-list-item *ngFor="let content of guideCategory.contentItems" [routerLink]="['/content', content.id]">
          <img mat-list-avatar [src]="apiService.getAssetUrl(content.image)">
          <h3 mat-line> {{content.name}} </h3>
        </mat-list-item>
      </mat-nav-list>
    </mat-card>

    <mat-card *ngIf="guideCategory.additionalInfo">
      <app-markdown [data]="guideCategory.additionalInfo"></app-markdown>
    </mat-card>
  </div>
</ng-container>

<ng-container *ngIf="guideCategory">
  <div fxLayout="column" fxLayoutGap="2em">
    <mat-card class="description">
      <a style="display: block;margin-bottom: 1em;" [routerLink]="['/content', guideCategory.content.id]">{{guideCategory.content.name}}</a><h1>{{guideCategory.name}}</h1>
      <app-markdown style="display: block;" [data]="guideCategory.description"></app-markdown>
    </mat-card>

    <mat-card *ngIf="guideCategory.contentItems && guideCategory.contentItems.length">
      <h2>Resources</h2>
      <mat-nav-list>
        <mat-list-item *ngFor="let content of guideCategory.contentItems" [routerLink]="['/content', content.id]">
          <img mat-list-avatar [src]="apiService.getAssetUrl(content.image)">
          <h3 mat-line> {{content.name}} </h3>
        </mat-list-item>
      </mat-nav-list>
    </mat-card>

    <mat-card *ngIf="guideCategory.additionalInfo">
      <app-markdown [data]="guideCategory.additionalInfo"></app-markdown>
    </mat-card>
  </div>
</ng-container>

Add margin to guide link
Add margin to guide link
