header только на html и css

[Romario1985]

Как правильно сделать оформить header используя только html и css  чтобы получилась как на этом макете

Почему у меня правое меню постоянно плавает и как кнопку поиска правильно спозиционирорвать в самой форме чтобы она никуда не уезжала? Что не так в моем коде? https://jsfiddle.net/kjgydnfs/27/

[Int]

Для header__form можно сделать flex-shrink: 0, чтобы он не сморщивался при отсутствии места. Или инпуту сделать width: 100%, а не фиксированный. Тогда кнопка поиска будет стоять в конце формы.
Без картинок, да ещё у меньшенном экран трудно сориентироваться, что где не влезло.