Solucionado (ver solução)

Importante

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
(ver solução)
1
resposta

HELP !!! imagembeneficios não reduz o tamanho para 50% ""alguem ninja"" para ajudar

<head>

<meta charset="utf-8">
<title>Barbearia Alura</title>
<link rel="stylesheet"  href="style.css">    

</head>

<body>

    <img id='banner'src='banner.jpg'>
    <div class="principal">

        <h1>Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a Barbearia Alura traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a <strong>Barbearia Alura</strong> já é destaque na cidade e conquista novos clientes a cada dia.

        <p id="missao"><em>Nossa missão é:<strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

        <p>ferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>

    </div>

  <div class="beneficios">

        <h2>Benefícios</h2>

        <ul>
            <li class="itens"> Atendiemto aos Clientes</li>
            <li class="itens"> Espaço diferenciado</li>
            <li class="itens"> Localização</li>
            <li class="itens"> Profissionais Qualificados</li>
        </ul>

    <img src="beneficios.jpg" class="imagembeneficios">

 </div>

</body>

.principal{background: #cccccc;}

h1{text-align: center;}

p{ text-align: center;}

#missao{font-size: 20px}

em strong{color: #FF0000;}

.itens{font-style: italic;}

.beneficios{background: #FFFFFF;}

h2{text-align: center;}

.imagembeneficios{ width: 50%; }

`

1 resposta
solução!

não o sei porque mas sem fazer alteração meu código funcionou ea redução da imagem para 50% deu certo ..... strange things...