Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

A imagem não fica reduzida em 50%

porque acontece isso? a imagem continuou enorme ocupando a página toda. Obs: coloquei outra imagem da internet.

o código está assim:

body {

}

#banner {
    width: 100%;
}

.principal{
    background: #CCCCCC
    padding: 30px;
}
h1{
    text-align: center
 }

p {
    text-align: center;
}


#missao {
    font-size:20px
}

em strong {
    color: #FF0000;

.itens:  {
    font-style:italic;
} 

.benefícios {
    background: #FFFFFF;
    padding: 20px
}


h2{
    text-align: center;
}
ul {
    display: inline-block;
    vertical-align: top;
    width: 20%
    margin-right: 15%;
}

.imagembeneficios {
    width: 50%
}
1 resposta

Oi, Haline, tudo bem?

Se você puder colocar aqui o seu arquivo html para podermos testar. Mas a priori o seu body tá sem estilização, ele tá vazio, está faltando alguma informação nele? E nessa classe aqui:

.benefícios {
    background: #FFFFFF;
    padding: 20px
}

É importante o nome das classes no css estarem iguais com do html, aí tire o acento de benefícios.

Aguardo :}