Prevent flex items from overflowing a container

Question

How do I make my flex item (article in this example), which has flex-grow: 1; not to overflow it\'s flex parent/container (main<

Answer 1

I know this is really late, but for me, I found that applying flex-basis: 0; to the element prevented it from overflowing.