Why does flex-box with overflow behave like this?

Question

css

Hello.
I really want to know why the content "crawls" out of flex-box , and not scroll vertically due to the overflow-y: scroll property ? Paragraphs just don't want to wrap in the parent block, I didn't even expect that. Thanks in advance for your help
CAM CODE (CodePen)

Answer 1

if you understand correctly what you want, then remove it flex-flow:column wrap;and do it simply flex-wrap: wrap;

Answer 2

R is a block element, and it has no flex. it is an ordinary block for the entire width and goes. correct me if i'm wrong