How Parent Width Percentage Affects CSS Flex Box Compression

Let's say we now have five flex items in a row. Let's set the parent's width as a percentage, and now let's set the width of all children to 100px.

Open the example below and shrink the browser window so that the elements no longer fit into the parent. To do this, the window needs to be shrunk to less than 500px, so we have 5 elements each at 100px. As you already know, with this compression, the browser will force the width of the elements to be less than 100px so that they fit into the parent. So, here's an example: