Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Problemas com o Footer

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Adaptando a página inicial e atividade Refazendo a página inicial

por Raphael Ribeiro Vitor de Sousa
| 47.3k xp | 1 posts
Auxiliar de Escritório 3

Meu código esta completamente igual ao da aula, inclusive abri um segundo como cópia disponibilizado pelo curso no começo de cada capitulo, porém o roda pé não preenche por completo, igual fica nos outros html do contato e do produto

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Como proceder para que o footer se estique até a lateral completa? Tentei incluir width: 100% no css da classe e não deu.

1 resposta
solução!
por Lorena Garcia
| 8486.9k xp | 12426 posts
Alura Scuba Team Suporte Educacional

Oi Raphael, tudo bem?

O código do meu footer está assim:

html: 

<footer>
            <img src="logo-branco.png">
            <p class="copyright">&copy; Copyright Barbearia Alura - 2022</p>
</footer>

css:

footer {
    text-align: center;
    background: url("bg.jpg");
    padding: 40px 0;
}

Em tese, isso faz com que funcione. Mas se você puder colar teu código aqui pra gente ver o que pode tá dando errado vai ser melhor.

Obrigada e bons estudos. ;)