具有网格布局的固定导航栏

Question

我在实现网格布局时遇到了创建导航的麻烦。

https://codepen.io/Aeshtray/pen/BdqeZL

在移动视图，我希望导航栏为水平（作为编码），但固定的， 而第一断点后，在500像素宽，我想被垂直地固定在左侧的导航栏侧。 我已经尝试过设置position: fixed，但只能拼凑出整个布局。

Answer 1

提出了一些css tweakings，结帐这个小提琴https://codepen.io/anon/pen/LjgoKE?editors=1100

更新笔：https://codepen.io/anon/pen/BdGBBo?editors=1100