Impact of Different Descendant Widths on CSS Flex Box Compression
Now let's set the width of all descendants to 100px
, and the second descendant to one and a half times larger, that is, 150px
. In this case, when the browser window is reduced, all elements will be reduced to less than the specified width, but the proportions will be preserved - the second element will be 1.5
times larger than the others. And only if you shrink the window very, very much, so that there is no more space, will the difference between the second element and the others disappear:
Repeat the example from the theoretical part using the model.