Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

background do beneficios nao muda! mudei até a cor do principal...mas ele nao muda de jeito algum!

<head>

    <title>Barbearia Alura</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css"

</head>

<body>
    <img src = "banner.jpg" style="width: 100%;">

<div class="principal">
        <h1>Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. 
        Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade,
        garantindo qualidade e satisfação dos nossos clientes.</p> 
</div>
    <h2>Beneficios</h2>

<ul>

        <li class="itens">*Atendimento ao clientes</li>
        <li class="itens">*Espaço Diferenciado</li>
        <li class="itens">*Localização</li>
        <li class="itens">*Profissionais Qulificados</li>

</ul>
</body>

Arquivo CSS

body {

background: #CCCCCC

}

#banner {

width: 100%;

}

.principal {

background: #b1b0b0

}

h1 {

text-align: center ; 

}

p {

text-align: center;

}

#missao {

font-size: 20px

}

em strong {

color:red;

}

.itens {

font-style: italic

}

.beneficios {

background: #ffffff

}

1 resposta
solução!

Olá Gustavo, Tente adicionar o atributo "class" com o valor "beneficios" no elemento (tag html) que deseja aplicar o background.

Exemplo:

<ul class="beneficios">
        <li class="itens">*Atendimento ao clientes</li>
        <li class="itens">*Espaço Diferenciado</li>
        <li class="itens">*Localização</li>
        <li class="itens">*Profissionais Qualificados</li>
</ul>