2
respostas

Background continua repetindo

<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>
.diferenciais__item {
    max-width: 350px;

    box-sizing: border-box;

    padding: 2rem 0 2rem 5rem;

    background-repeat: no-repeat;
    background-position: top 1.25rem left 2.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);
}
2 respostas

Boa noite, eu só mudei a ordem das declarações e comecou a funcionar.

.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);
}

.diferenciais__item {
    max-width: 350px;

    box-sizing: border-box;

    padding: 2rem 0 2rem 5rem;

    background-repeat: no-repeat;
    background-position: top 1.25rem left 2.5rem;
}

Bons estudos, espero ter ajudado!

Muito obrigada!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software