Вероятно, это происходит из-за различий в настройках CSS или других факторов между CodePen и конструктором Flexbox на basicweb.ru.
Чтобы элементы внутри flex-контейнера растягивались по вертикали, можно использовать свойство flex-grow или flex-basis. Например, если вы хотите, чтобы элементы растягивались на всю доступную высоту контейнера, вы можете добавить свойство flex-grow: 1; для дочерних элементов flex-контейнера.
Также, убедитесь, что у контейнера есть достаточная высота или минимальная высота, чтобы элементы могли растянуться по вертикали.
Если код работает в конструкторе Flexbox на basicweb.ru, но не работает на CodePen, возможно, это связано с настройками окружения CodePen или с другими проблемами в коде или разметке на CodePen. Проверьте настройки CSS, возможно, они отличаются между средами. Если это не помогает, попробуйте обратиться к сообществу поддержки CodePen для получения дополнительной помощи.