Komprimering av flex-block vid brist på utrymme i CSS

Låt oss säga att vi har tre flex-block, placerade inuti en förälder i rad. Varje barnblock har en bredd på 100px, och deras förälder - 300px:

Låt oss lägga till fler block så att den totala bredden av dessa barnblock blir större än bredden på deras förälder. I det här fallet kommer du att se en oväntad effekt - blockens bredd kommer att minska så att de alla får plats i deras förälder, trots att barnblocken har en explicit angiven bredd: