Что такое justify-content и align-items в flexbox? Никак не уложу в голове, какое за что

В обычном flex-контейнере (без flex-direction) элементы выстраиваются в ряд слева направо. Тогда:

• justify-content — двигает элементы вдоль ряда (по горизонтали): flex-start (слева), center (по центру), flex-end (справа), space-between (раздвинуть по краям с равными промежутками).
• align-items — двигает поперёк ряда (по вертикали): flex-start (вверх), center, flex-end (вниз).

.row {
  display: flex;
  justify-content: space-between;  /* раскидать по ширине */
  align-items: center;            /* выровнять по вертикали */
}

Запоминалка: justify — вдоль строки (как текст выравниваешь), align — поперёк (поднять/опустить). space-between особенно полезен для меню: пункты разъезжаются к краям.