<div class="bg-primary-gradient vh-100">
  <div class="d-flex justify-content-center">
    <div class="row my-5 text-white text-center">
      <h1 class="col-12">Su pedido ya esta listo.</h1>
      <h2 class="col-12 mt-3">Nº de Pedido</h2>

      <h1 *ngIf="pedidosRecientes.length" class="col-12 border rounded">
        {{rellenar(pedidosRecientes[0].id, 2)}}
      </h1>

      <h2 *ngFor="let pedido of pedidosRecientes; let i = index" [hidden]="i == 0" class="col-4 border rounded mx-0">
        {{rellenar(pedido.id, 2)}}
      </h2>
    </div>
  </div>
</div>