flex basis, weird behavior when set to auto and 0
Context: I have 4 flex items inside a flex container, each flex item is allowed to grow and shrink, the flex item 2 has a flex basis of 800px,
Now I have 2 questions...
First: why the other flex items are growing and not shrinking despite of the fact that the flex item 2 isn't 800px width like it should be, I mean there will be a space for it to grow if the other flex items tried to shrink or at least not to grow
Second: when I set the flex basis for the other flex items to 0 the flex item 2 takes a little bit more space than if I set the flex basis for the other flex items to auto see the photos
Now I have 2 questions...
First: why the other flex items are growing and not shrinking despite of the fact that the flex item 2 isn't 800px width like it should be, I mean there will be a space for it to grow if the other flex items tried to shrink or at least not to grow
Second: when I set the flex basis for the other flex items to 0 the flex item 2 takes a little bit more space than if I set the flex basis for the other flex items to auto see the photos
