quando diminuo a tela do navegador o menu fica fora da "caixa" e do cabeçalho
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!
quando diminuo a tela do navegador o menu fica fora da "caixa" e do cabeçalho
Você tá utilizando medida absoluta (pixels), isso é estático, não muda.
Utilize medidas relativas como %(porcentagem) e veja a mágica ocorrer
Ex:
.box {
width: 40%
}