Komprimering av flex-blokker ved mangel på plass i CSS

La oss si at vi har tre flex-blokker, plassert innenfor en forelder på rad. Hver barneblokk har en bredde på 100px, og deres forelder - 300px:

La oss legge til flere blokker slik at totalbredden av disse barneblokkene blir større enn bredden på deres forelder. I dette tilfellet vil du se en uventet effekt - bredden på blokkene vil reduseres slik at de alle får plass i deres forelder, til tross for at barneblokkene har eksplisitt angitt bredde:

Задание 1

Gjenta etter mønsteret eksempelet fra den teoretiske delen.