.row.mb-4 style="height: calc(100vh - 280px)"
  .col.d-flex.flex-column style="height: 100%"
    .d-flex.flex-column style="overflow-y: auto"
      - for row in 0..((@contestants.length - 1) / 4)
        .mt-4.d-flex.flex-row
          - for col in 0..3
            - if row * 4 + col < @contestants.length
              .d-flex.flex-column.ms-5 style="align-items: center"
                = @contestants[row * 4 + col].name
                .mt-1 style="width: 200px; height: 200px;"
                  = @contestants[row * 4 + col].qrcode.html_safe