Как позиционировать элементы с помощью display: flex

.container {
  display: flex;
  justify-content: center; /* горизонтальное выравнивание */
  align-items: center;     /* вертикальное выравнивание */
  flex-direction: row;     /* направление (row|column|row-reverse) */
  flex-wrap: wrap;         /* перенос строк */
  gap: 10px;               /* отступы между элементами */
}

.item {
  flex-grow: 1;    /* способность элемента растягиваться */
  flex-shrink: 1;  /* сжиматься при нехватке места */
  flex-basis: 100px; /* базовый размер */
  align-self: flex-end; /* индивидуальное выравнивание */
}