Quando sai da tela ou fica com um tamanho maior, o rodapé e o cabeçalho (as imagens , fica branco o que não é preenchido) não preenche todo o navegador.
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 sai da tela ou fica com um tamanho maior, o rodapé e o cabeçalho (as imagens , fica branco o que não é preenchido) não preenche todo o navegador.
Olá Francisco, tudo bem?
Consegue colocar o código para eu dar uma olhada?
Provavelmente você apenas não está utilizando a propriedade para o redimensionamente, no caso, os 100% do width. Caso esteja, provavelmente há outra "coisa" influenciando.
new Saudacao(); ; )
HTML
<body>
<header>
<div class="caixa">
<h1><img src="logo.png"></h1>
<nav>
<ul>
<li><a href="Sobre a Barbearia Alura.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>CSS .caixa { position: relative; width: 940px; margin: 0 auto; width: 100%; }
tentei e não resolveu. No tamanho expandido da tela fica uma beleza de lindo, mas estou falando quando redimensionamos a tela e ela fica pequena.
Imagina assim: eu clico windows para o lado e deixo a página na metade do meu navegador, se eu não redimensionar o zoom, uma parte do cabeçalho e do rodapé não preenchem toda a página, mas se eu der um zoom, consigo redimensionar.
Boa noite Francisco, tudo bem?
Estava executando o seu código aqui, mas não entendi o problema.
Quando executei e redimensionei a página ela se adaptou normalmente para ter o enquadramento correto na tela.
Se preferir, me coloco à disposição no discord para ajudar a resolver alguma dúvida, assim como, se preferir, você pode enviar uma imagem aqui pelo https://imgur.com
new Saudacao();
; )