1
resposta

Não consigo atualizar a página Home com as coisas que aprendi

Eu estava tentando atualizar a página Home que fizemos na parte 1 com as coisas que aprendi na parte 2, mas estou tendo dificuldade na parte dos benefícios. Por algum motivo, não consigo botar a parte dos direitos autorais da página, como tem na página 2, e também não consigo mudar a cor de fundo da parte dos benefícios. Tenho certeza que fiz algo de errado usando a ferramenta "position", mas não sei como arrumar. Segue o meu código html dessa parte:

 <footer>
            <div class="caixa3">
                <h3>Benefícios</h3>

                <ul class="beneficios">
                    <li class="itens">- Atendimento aos clientes</li>
                    <li class="itens">- Espaço diferenciado</li>
                    <li class="itens">- Localização</li>
                    <li class="itens">- Profissionais Qualificados</li>
                </ul>

                <img class="imagembeneficios" src="beneficios.jpg">
            </div>

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

E segue também o código CSS dessa parte:

.caixa3 {
    position: relative;
}

h3 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px;
    position: absolute;
    left: 240px;
}

.beneficios {
    position: absolute;
    top:115px;
    left: 40px;
}

.itens {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    margin: 15px 30px;
}

.imagembeneficios {
    width: 50%;
    position: absolute;
    top: 10px;
    right: 0;
}

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

.copyright {
    color: white;
    font-size: 13px;
    margin-top: 20px;
}
1 resposta

Percebi que você repetiu a classe "caixa 3", ao invés de incluir a "caixa 4". Como Sugestão, recomendaria iniciar o rodapé depois desssa divisão dos benefícios. Pq assim o padrão poderia ser repetido em todas as novas páginas que precisarem ser criadas. Ao menos foi dessa forma que eu resolvi.