dslak_website/src/app/portfolio/portfolio.component.html

<div class="component-portfolio">
  <div class="container">
    <div class="row">
      <div class="col-12 col-sm-6 mx-auto" [ngClass]="'col-md-' + ((item.id % 3)+3)" *ngFor="let item of portfolioItems">
        <div class="box" [ngClass]="'skew-' + (item.id % 6)" (click)="showDetails(item.id)">
          <img class="image" src="assets/{{item.image}}">
          <div class="text">
            <span class="title">{{item.title}}</span>
            <span class="type" *ngIf="section != 'exhibitions'">{{item.type}}</span>

            <div class="date-container" *ngIf="section == 'exhibitions'">
              <div class="date-row">
                <span class="date-indication" *ngIf="item.date_from != item.date_to">from</span>
                <span class="date-indication" *ngIf="item.date_from == item.date_to">on</span>
                <span class="date">{{item.date_from | date}}</span>
              </div>
              <div class="date-row">
                <span class="date" *ngIf="item.date_from != item.date_to"> <span class="date-indication">to</span> {{item.date_to | date}}</span>
              </div>
            </div>

            <span class="tags">{{item.tags}}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>