Elements are superimposed on each other and displayed with incorrect sizes, explain what is the problem?

Question

css

Answer 1

It just doesn't fit into the hat.
so that elements do not jump, you should not use absolute width, it is better to use

max-width: 3423923px;
width:100%;

so they won't jump all over the page.
also, if flexes are used, it will not be a very bad solution.flex-wrap: no-wrap;