如何在CSS网格中创建固定标题

Question

如何为固定的标头保留CSS网格模板？当我添加位置时：固定；在我的头div中，其中的元素不会停留在其位置

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

.container {
 display: grid;
 margin: 20px;
 }

 #header {
 position: fixed;
 width: 100%;
 grid-column-start: 1;
 }

 h1 {
 font-size: 2em;
 margin: 0; 
 }

 h2 {
 margin: 5px; 
 grid-column-start: 2;
 grid-column-end: 3;
 }

 p{
 grid-column-start: 3;
 grid-column-end: 3;
 font-size: 1.2em;
 width: 600px;
 }