Why does flexitem stretch to full screen width in this case?

Question

HTML

link to the github page to make it easier to see in the inspector:
https:
//alexanderkositsyn.github.io/about_page/app
... .

Answer 1

This is caused by incorrect use of the shorthand flex.
Try instead of "flex: 0 0 220px" on the avatar block and "flex: 0 0 380px" on the "About Me" block, use width: 220px and width: 380px respectively. At the same time, I recommend that you generally study what the values ​​in the abbreviated notation flex mean - for example, here