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

A lista de benefícios não vai para o lado da imagem.

Já vi os dois foruns aqui de cima, vi e revi meu código, porém não acho o problema.

<div class="conteudo-beneficios">
                <ul class="lista-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>
                    <li class="itens">Pontualidade</li>
                    <li class="itens">Limpeza</li>
                </ul><img src="beneficios.jpg" class="imagem-beneficios">
            </div>

Css

.conteudo-beneficios {
    width: 640px;
    margin: 0 auto;
}

.lista-beneficios {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
1 resposta
solução!

Fala ai Dandara, tudo bem? Acho que dá para você usar Flexbox, a ideia seria adicionar um display: flex no .conteudo-beneficios:

.conteudo-beneficios {
    width: 640px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.lista-beneficios {
    width: 40%;
}

E também precisa setar a largura da imagem:

img {
    width: 60%;
}

Acho que isso deve resolver.

Espero ter ajudado.

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