Элементы с классом "блок" не располагаются в два ряда при использовании свойства flex, потому что по умолчанию свойство flex-wrap имеет значение nowrap, которое заставляет элементы выстраиваться в один ряд.
Чтобы элементы располагались в два ряда, необходимо добавить к контейнеру свойство flex-wrap: wrap, которое позволит элементам переноситься на новый ряд при достижении ширины контейнера.
При использовании свойства flex-gap (которое на самом деле называется gap) ширина блоков flex не учитывается с учётом промежутков и они автоматически переносятся на новый ряд, потому что gap добавляет отступы между элементами, но не изменяет их фактическую ширину. В результате, при достижении ширины контейнера, элементы переносятся на новый ряд без учета отступов. Если вы хотите, чтобы промежутки учитывались при автоматическом переносе элементов, нужно использовать медиа-запросы или другие методы для управления шириной элементов и промежутками.