CSS GRID элементы позиционирования по горизонтали работает, по вертикали нет

Question

Я хочу создать Navbar, но я не могу расположить свой текст, например, «1» в вертикальной середине контейнера заголовка, ни с родительским элементом «.header ul», ни с дочерним «.header». ul li "

<div class="grid">
      <div class="header">
        <ul>
                 <li><a href="/1.html">1</a></li>
                 <li><a href="/2.html">2</a></li>
                 <li><a href="/3.html">3</a></li>
               </ul>
      </div>
    </div>

CSS:

grid {
      width:100vw;
      height:100vh;
      display:grid;
}

header ul {
         display:grid;
         font-size: 25px;
         list-style-type: none;
         padding:0;
         margin:0;
         grid-auto-flow: column;
         justify-content:space-around;