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!
Oi Vinicius! Tudo bem?
Esse probleminha com o Button só aconteceu por conta da propriedade width: 50% na linha 99 do arquivo style.css.
Para resolver é só fazer 2 mudanças. A primeira acredito que você já sabe, mas é só mudar na linha 99: width: 50%; para width: 100%;, e nas telas menores o layout se estabiliza.
Já na media querie de telas maiores(@media (max-width: 1200px)), abaixo disso:
.apresentaçao__conteudo {
width: auto;
}
Adicione isso:
.apresentaçao__links__navegaçao {
width: 50%;
}
Esse código acima deve ficar dentro da media querie!!!
Assim, em telas maiores o layout se estabiliza também. E o problema é resolvido.
No geral era isso. Se precisar é só falar.
Abraços e bons estudos.