Bom dia Dev's. Estou com um problema no roda pé do site da barbearia, ele está ficando pela metade só no index.html.
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!
Bom dia Dev's. Estou com um problema no roda pé do site da barbearia, ele está ficando pela metade só no index.html.
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;
}