Estou tentando deixar o menu lateral na primeira linha, porem o menu continua abaixo do cabeçalho. Já tentei rever a aula umas 10x mas nao estou conseguindo encontrar o que estou fazendo de errado. Aula em questão é a Sétima aula da parte 5. Responsividade com grid
HTML
Diogo
<nav class="menu-lateral">
<img src="/img/logo.svg" alt="logotipo da HZC" class="menu-lateral__logo">
<a href="" class="menu__lateral-link menu__lateral-link--inicio menu__lateral-link--ativo">Inicio</a>
<a href="" class="menu__lateral-link menu__lateral-link--videos menu__lateral-link--ativo">Videos</a>
<a href="" class="menu__lateral-link menu__lateral-link--picos menu__lateral-link--ativo">Picos</a>
<a href="" class="menu__lateral-link menu__lateral-link--integrantes menu__lateral-link--ativo">Integrantes</a>
<a href="" class="menu__lateral-link menu__lateral-link--camisas menu__lateral-link--ativo">Camisas</a>
<a href="" class="menu__lateral-link menu__lateral-link--pinturas menu__lateral-link--ativo">Pinturas</a>
</nav>
<main class="principal">
<h2 class="titulo-pagina">Inicio</h2>
<article class="cartao cartao--destaque">
<img class="cartao__imagem" src="/img/banner-mobile_1.png" alt="banner do cartao">
<div class="cartao__conteudo">
<p class="cartao__destaque">Vídeo em destaque</p>
<h3 class="cartao__titulo">HZC - Life is... / 2021</h3>
<p class="cartao__perfil">William Alves</p>
<p class="cartao__info cartao__info--tempo">33 Minutos</p>
<p class="cartao__info cartao__info--visualizacoes">53 visualizações</p>
<button class="cartao__botao cartao__botao--play cartao__botao--destaque">Assistir Agora</button>
</div>
</article>
CSS
@media screen and (min-width: 1440px) { .menu-lateral { position: static; width: 200px; grid-column: 1; grid-row: 1 / span 2; } }