.flex {
  display: flex;
  gap: 10px;
}

.flex-wrap {
  flex-wrap: wrap;
}

.ac-around {
  align-content: space-around;
}
.ac-between {
  align-content: space-between;
}
.ac-evenly {
  align-content: space-evenly;
}
.ac-center {
  align-content: center;
}
.ac-end {
  align-content: end;
}
.ac-start {
  align-content: start;
}
.ac-stretch {
  align-content: stretch;
}

.ai-baseline {
  align-items: baseline;
}
.ai-center {
  align-items: center;
}
.ai-end {
  align-items: end;
}
.ai-start {
  align-items: start;
}
.ai-stretch {
  align-items: stretch;
}

.jc-around {
  justify-content: space-around;
}
.jc-between {
  justify-content: space-between;
}
.jc-evenly {
  justify-content: space-evenly;
}
.jc-center {
  justify-content: center;
}
.jc-end {
  justify-content: end;
}
.jc-start {
  justify-content: start;
}
.jc-stretch {
  justify-content: stretch;
}

.ji-baseline {
  justify-items: baseline;
}
.ji-center {
  justify-items: center;
}
.ji-end {
  justify-items: end;
}
.ji-start {
  justify-items: start;
}
.ji-stretch {
  justify-items: stretch;
}