Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

beneficios perde sua formatação!!!

A imagem fica muito grande e os beneficio fica na ponta

A imagem fica muito grande o os beneficios fica na ponta

2 respostas

Olá, Matheus.

Tudo bem?

Você pode adicionar um tamanho fixo para a <div class="conteudo-beneficios"> de width: 800px; que envolve a lista e a imagem, e então adicionar uma margin para o conteudo todo centralizar: margin: 0 auto;, já na imagem benefícios adiciona uma largura de width: 50%;, acho que isso resolve.

Ficaria assim:

HTML:

<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: 800px;
    margin: 0 auto;

}
.imagem-beneficios{
    width: 50%;
}

Espero ter ajudado.

Qualquer dúvida manda aqui de novo :)

Valeu!

solução!

valeu mano!!! tava com um erro de sintaxe rsrs

Obrigado pela atenção!