Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

A remoção da repetição das três imagens não funcionou

Referente ao curso Arquitetura CSS: descomplicando os problemas, no capítulo Estilização do Quem Somos e atividade Estilizando as pessoas

por Deise Moura Pequeno
| 54.3k xp | 30 posts

Olá eu não faço ideia porquê as imagens estão redondinhas mas ainda repetidas. Tá tudo igual ao do professor...

.pessoa__imagem {
    background: red;
    background-size: cover;
    height: 300px;
    background-position: center;
    width: 300px;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.pessoa__imagem--roberta{
background: url(../../img/pessoas/roberta.jpg);
}

.pessoa__imagem--marcela{
    background: url(../../img/pessoas/marcela.jpg);
}

.pessoa__imagem--andreia{
    background: url(../../img/pessoas/andreia.jpg);
}
3 respostas
por Ially Fabiane Da Silva
| 337.5k xp | 206 posts

Olá Deise, esse trecho do seu código tá faltando identação :.pessoa__imagem--roberta{ background: url(../../img/pessoas/roberta.jpg);. Talvez o problema seja isso.

por Deise Moura Pequeno
| 54.3k xp | 30 posts

ainda nao funcionou: 

.pessoa__imagem {
    background: red;
    background-size: cover;
    height: 300px;
    background-position: center;
    width: 300px;
    background-repeat: no-repeat;
    border-radius: 100%;

    margin: 0 auto;

}

.pessoa__imagem--roberta{
    background: url(../../img/pessoas/roberta.jpg);
}

.pessoa__imagem--marcela{
    background: url(../../img/pessoas/marcela.jpg);
}

.pessoa__imagem--andreia{
    background: url(../../img/pessoas/andreia.jpg);
}
solução!
por Deise Moura Pequeno
| 54.3k xp | 30 posts

alguém disse num forum pra escrever "background-image" ao invés de so "background" em background: url(../../img/pessoas/roberta.jpg); e deu certo! sei la porque...alguem sabe explicar?