За что отвечают свойство justify-content и свойство align-items у контейнера flexbox?

В Flexbox контейнере:

• justify-content управляет выравниванием элементов по главной оси (обычно горизонтально). Например, с помощью justify-content: center; все элементы будут сгруппированы по центру контейнера.
• align-items отвечает за выравнивание элементов по поперечной оси (обычно вертикально). Например, align-items: flex-start; выровняет все элементы по верхнему краю контейнера.

Пример:

.container {
  display: flex;
  justify-content: space-between; /* распределяет элементы с равными промежутками */
  align-items: center; /* выравнивает элементы по центру по вертикали */
}