Why does the flex container element not go beyond it?

Question

css

There is an example of layout with wp-kama: https://jsfiddle.net/kamaev/57br2agm/
If, for example, when all elements have the flex-basis property set to auto, set the width of the first .itm1 element to 200% or 20000px, then it is stretched to the maximum free space in the container, but no more. Why is that?

Answer 1

With flex-basis: auto , the width of the elements is calculated from the width or, if width is not specified, from the width of the content. The first element can't take up the entire line because flex-wrap is nowrap by default, and there should be room for the rest of the elements too.
You can read more here: https://medium.com/@stasonmars/%D1%80%D0%B0%D0%B7%...