Why is the flex block shrinking?

Question

css

Hello, why does the block compress?
Result with flex-direction: column;screen
Result with flex-direction: row;screen
Need to be done in one line.

Answer 1

the first (circle) block.
flex-shrink: 0;