Após alterar a cor do background, verifiquei que havia um espaço entre o banner e o conteúdo principal. Tentei alterar a margem dos elementos para 0, mas não funcionou.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Após alterar a cor do background, verifiquei que havia um espaço entre o banner e o conteúdo principal. Tentei alterar a margem dos elementos para 0, mas não funcionou.
Opa, tudo bem? Eu percebi que esse espaço em branco está acontecendo por causa da imagem do banner, no código html ela está meio perdida entre o header e o main.
Se você colocar a imagem banner dentro da sessão principal esse espaçamento desaparece.
</nav>
</div>
</header>
<!-- Sua imagem estava aqui -->
<main>
<section class="principal">
<img class="banner" src="banner.jpg"> <!-- imagem dentro da section -->
<div class="conteudo-principal">mude o lugar onde a imagem banner está e veja se o problema resolve
Funcionou. Tive que colocar dentro da mesma section. Já estava tentando mudar o posicionamento 2 px acima, Obrigado.