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

As imagens estão se repetindo.

Fala galera, tudo certo? Já revisei várias vezes porém não consegui achar o erro. As imagens estão se repetindo . Obrigado desde já ! Index abaixo!

<section class="diferenciais container">
                <ul class="diferenciais__lista">
                    <li class="diferenciais__item diferenciais__item--tempo">
                        <h2 class="item__titulo">Tempo</h2>
                        <p class="item__texto">Tempo é importante! Trabalhamos em ritmo acelerado, atendendo rigorosamente aos prazos.</p>
                    </li>
                    <li class="diferenciais__item diferenciais__item--foco">
                        <h2 class="item__titulo">Foco</h2>
                        <p class="item__texto">Focamos no empreendimento! Oferecemos serviços de qualidade com preços acessíveis.</p>
                    </li>
                    <li class="diferenciais__item diferenciais__item--especialistas">
                        <h2 class="item__titulo">Especialistas</h2>
                        <p class="item__texto">Equipe experiente e especializada! Testamos todos os produtos antes do lançamento.</p>
                    </li>
                </ul>
        </section>

CSS abaixo!

.diferenciais__item {
    max-width: 350px;

    box-sizing: border-box;

    background-repeat: no-repeat;

    background-position: top 1.25rem left 2.5rem;

    padding: 2rem 0 2rem 5rem;
}

.diferenciais__item--tempo  {
    background: url(../img/icone-relogio.png);
}

.diferenciais__item--foco   {
    background: url(../img/icone-dinheiro.png);
}

.diferenciais__item--especialistas  {
    background: url(../img/icone-quimica.png);
}
1 resposta
solução!

Olá Antonio.

Altere o trecho de css como fiz abaixo:

.diferenciais__item--tempo  {
    background-image: url(../img/icone-relogio.png);
}

.diferenciais__item--foco   {
    background-image: url(../img/icone-dinheiro.png);
}

.diferenciais__item--especialistas  {
    background-image: url(../img/icone-quimica.png);
}

Se colocar apenas background as definições anteriores serão sobrescritas.

Coloque background-image para dizer que vai definir somente a imagem de fundo e não mexer em nenhuma outra propriedade que possa já ter sido definida.

Abraço.