Bom dia Dev's. Estou com um problema no roda pé do site da barbearia, ele está ficando pela metade só no index.html.
Solucionado
Bom dia Dev's. Estou com um problema no roda pé do site da barbearia, ele está ficando pela metade só no index.html.
hoje, com a Alura e o Google Gemini
Oi, Wesley. Verifica se a tua imagem está com largura 100% ou 100vh.
Esta assim no HTML
<footer>
<img src="logo.png" alt="Logo da Barbearia do Will">
<p class="copyright">© Copyright Barbearia do Will - 2018</p>
</footer>E assim no CSS
footer {
text-align: center;
background: url("bg.jpg");
padding: 40px 0;
}
Cara, acredito que adicionando apenas um width:100% ao footer já resolva, tenta fazer desta forma;
footer {
text-align: center;
background: url("bg.jpg") no-repeat center center;
padding: 40px 0;
width: 100%;
}
caso ainda não resolva adicione ao footer background-size: 100% 100%; deve resolver.
como esta os ajustes do body em ralação ao Width? notei que o elemento acima está similar
Testa as opções que colocamos aqui e diz se deu certo, uma delas é:
footer {
text-align: center;
background: url("bg.jpg") no-repeat center center;
padding: 40px 0;
width: 100vw;
}