Какое свойство задает одинаковые отступы между items внутри display: flex

Для управления отступами между flex-элементами используется свойство gap. Оно задаёт одинаковые отступы между элементами как по горизонтали, так и по вертикали.

Пример:

.container {
  display: flex;
  gap: 20px; /* одинаковые отступы между элементами */
}

Если нужны отдельные отступы по осям, можно использовать row-gap и column-gap.

Важно: gap не работает с устаревшими браузерами (например, IE11). В таких случаях используют margin для элементов.