.accreditation-table{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;   /* center the last row */
    gap: 12px;                 /* optional spacing */
    --cols: 6;                 /* easy to tweak later */
    --gap: 12px;
}


/* Item = one “column” cell */
.accreditation-table .accreditation-item {
  /* 5 columns max: each cell takes 20% minus its share of the gap */
  flex: 0 0 calc( (100% - (var(--gap) * (var(--cols) - 1))) / var(--cols) );
  display: flex;             /* center content inside the cell */
  align-items: center;
  justify-content: center;
}