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

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

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

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

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