What is the reason for this "clump"?

Question

css

I wanted to make position:fixed for the site header, but something went wrong. What is the reason can you explain? I’ve been in development for 5-6 months, I’ve already made up a couple of layouts, but this is the first time ((
UPD. https://codepen.io/KonstantinBakhronov/pen/KKVVRYa

Answer 1

You either need to remove the header__wrapper and move position: fixed and everything else to header__inner , or set the length to the header__wrapper class.

Answer 2

If you need to make a fixed header of the site, then it may be suitable:
position: sticky; top: 0; left:0; for the header, well, or navigation