¿Qué regla de flexbox es responsable de colocar los elementos flex en una sola línea o en varias líneas?

flex-wrap.

Оно определяет, будут ли сжаты flex-элементы, чтобы уместиться в одну строку, или перенесены на новую строку при необходимости.

Возможные значения:

• nowrap (по умолчанию): Элементы остаются в одной строке, сжимаясь по ширине.
• wrap: Элементы переносятся на новую строку при переполнении контейнера. Перенос происходит слева направо, сверху вниз (для LTR).
• wrap-reverse: Элементы переносятся на новую строку, но в обратном порядке: справа налево, снизу вверх (для LTR).

.container {
  display: flex;
  flex-wrap: wrap; /* Элементы будут переноситься на новую строку */
}