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

If you want the overflow to wrap: flex-flow: row wrap