DNDTools/src/app/journal/journal-stats/journal-stats.component.html

<div class="stats-page-container">
  <div class="name-container">Eliane Langwasser</div>

  <div class="stats-container">
    <div class="attribute-container">
      <ng-container *ngFor="let attribute of attributeArray">
        <app-attribute-field [attributeName]="attribute"></app-attribute-field>
      </ng-container>
    </div>

    <!-- <div class="skill-proficiency-container">
      <ng-container *ngFor="let skill of skillArray">
        <app-skill-field [skillName]="skill"></app-skill-field>
      </ng-container>
    </div> -->

    <div class="skill-save-container">
      <div class="skill-save-box">
        <ng-container *ngFor="let skill of strengthSkills">
          <app-skill-field [skillName]="skill"></app-skill-field>
        </ng-container>
      </div>

      <div class="skill-save-box">
        <ng-container *ngFor="let skill of dexteritySkills">
          <app-skill-field [skillName]="skill"></app-skill-field>
        </ng-container>
      </div>

      <div class="skill-save-box">
        <ng-container *ngFor="let skill of constitutionSkills">
          <app-skill-field [skillName]="skill"></app-skill-field>
        </ng-container>
      </div>

      <div class="skill-save-box">
        <ng-container *ngFor="let skill of intelligenceSkills">
          <app-skill-field [skillName]="skill"></app-skill-field>
        </ng-container>
      </div>

      <div class="skill-save-box">
        <ng-container *ngFor="let skill of wisdomSkills">
          <app-skill-field [skillName]="skill"></app-skill-field>
        </ng-container>
      </div>

      <div class="skill-save-box">
        <ng-container *ngFor="let skill of charismaSkills">
          <app-skill-field [skillName]="skill"></app-skill-field>
        </ng-container>
      </div>
    </div>

    <div class="life-weapon-container">life and weapon container</div>
    <div class="platzhalter">platzhalter</div>
  </div>
</div>