FLEX'ы, размещённые в flex-basis, вытесняют контент за пределы прокрутки. Как решить проблему?

Несколько способов решить проблему, когда flex-элементы, размещённые в flex-basis, вытесняют контент за пределы прокрутки:

• Использовать свойство margin:auto для внутреннего контейнера. sky.pro Оно позволяет автоматически вычислить отступы и разместить элемент по центру. sky.pro
• Установить свойство flex:1 в заголовке. stackoverflow.com Это сообщит браузеру, что элемент может расширяться и сжиматься, и предпишет захватить как можно больше свободного места. stackoverflow.com
• Убрать свойство flex-flow:column wrap и сделать просто flex-wrap:wrap. qna.habr.com Если использовать column, то wrap нужно убрать, так как он ограничивает высоту контейнера и ставит перенос, соответственно, остальные параграфы перестраиваются в следующую колонку. qna.habr.com

Выбор решения зависит от конкретной ситуации.