Bom dia Dev's. Estou com um problema no roda pé do site da barbearia, ele está ficando pela metade só no index.html.
ATÉ 40% OFF
TÁ ACABANDO!
0 dias
0 horas
0 min
0 seg
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;
}