Как свойство flex-wrap влияет на распределение элементов в CSS?

Свойство flex-wrap в CSS влияет на распределение элементов, определяя, должны ли они переноситься на новую строку или оставаться на одной. 14

Значение по умолчанию — nowrap. 14 Элементы располагаются в контейнере в одну строку или столбец и не переносятся в новый ряд, даже если не помещаются в размеры родителя. 2

Значение wrap позволяет элементам переноситься на следующую строку или столбец, если они не помещаются. 1 Это даёт возможность создавать многострочные или многоколоночные макеты. 1 Элементы будут размещены в новых строках или столбцах сверху вниз или слева направо, в зависимости от ориентации основной оси. 1

Значение wrap-reverse указывает, что элементы будут располагаться снизу вверх, заполнив собой сперва нижний ряд, а те, что не влезли, перепрыгнут в ряд выше. 2