5 registros por linha

Front-end
#1

A variavel solicitacoes, vem do backend, e vem com n registros.

<div
          class="widget"
          fxFlex="100"
          fxFlex.gt-sm="33"
          *ngFor="let solicitacao of solicitacoes"
        >
          <div
            class="fuse-card auto-width mb-32"
            [ngClass.gt-sm]="'mb-0 mr-32'"
          >
            <div
              class="p-16 pb-0"
              fxLayout="row wrap"
              fxLayoutAlign="start end"
            >
              <div class="pr-16">
                <div class="h4 secondary-text">
                  {{ solicitacao.codigoSolicitacao }}
                </div>
                <div class="font-size-22 font-weight-200 line-height-1 mt-8">
                  R$ {{ solicitacao.valorDesejado | currency }}
                </div>
              </div>
            </div>
          </div>
        </div>

Só que quando tiver 5 registros por linha, o html, deve quebrar a linha e e continuar na linha de baixo.

Como fazer ?

#2

Alguma ideia ?

#3

Alguma ideia ?

#4

Cria um contador. Se o contador chegar em 5 você quebra a linha e reinicia o contador.