Как задаётся расстояние между flex-элементами?

Для постоянных промежутков между flex-элементами обычно используют gap, row-gap и column-gap; margin задаёт отступ конкретного элемента.

gap создаёт пространство между элементами и линиями, но не внешний отступ контейнера. justify-content: space-between распределяет свободное место и поэтому не эквивалентен фиксированному gap. Учитывайте направление главной оси и перенос строк. Внешние отступы контейнера задавайте padding или margin по задаче.