A imagem fica muito grande e os beneficio fica na ponta
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
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:
<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>.conteudo-beneficios{
width: 800px;
margin: 0 auto;
}
.imagem-beneficios{
width: 50%;
}
Espero ter ajudado.
Qualquer dúvida manda aqui de novo :)
Valeu!
valeu mano!!! tava com um erro de sintaxe rsrs
Obrigado pela atenção!