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.
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.
hoje, com a Alura e o Google Gemini
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();
; )