尝试在页面顶部添加导航栏，以保持主要内容的移动

Question

https://codepen.io/anon/pen/BOQaZP

当我尝试添加导航栏时，它会不断将图像推向右侧。我想要一个汉堡菜单，然后在它的右侧，我希望列表项彼此并排。我希望图像在水平和垂直方向上都保持在页面中心。

我尝试过

header{
  display: flex;
}

.menu{
  display: flex;
}

但是这会将图像推到右侧。 唯一想到的就是浮空，但我听说那已经过时了。