Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Mudou alguma coisa no código?

Na hora de aplicar o gradiente, o meu código está igual ao do professor, mas ele não aplica no fundo todo do Benefícios.

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

segue parte do código que foi utilazado p localizar um possível erro.

principal {
    padding: 3em 0;
    background: #FEFEFE;
    width: 940px;
    margin: 0 auto;
}

.principal p {
    margin: 0 0 1em; 
}

.principal strong {
    font-weight: bold;
}

.principal em {
    font-style: italic;
}

.utensilios {
    width: 120px;
    float: left;
    margin: 0 20px 20px 0;
}

.mapa {
    padding: 3em 0;
    width: 940px;
    margin: 0 auto;
}

.mapa p {
    margin: 0 0 2em;
    text-align: center;
}

.beneficios {
    padding: 3em 0;
    background: #888888;
}
1 resposta
solução!

Bom dia, Kaynne. Como vai?

O gradient não é aplicado como background em Benefícios, ele é aplicado na realidade acima, como background na área do mapa (.mapa). É possível reparar na imagem abaixo:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

A cor de fundo da área Principal .principal é branca, e do Benefícios.beneficios é cinza, mais precisamente #888888.

O professor aplica essa parte do código no capítulos 03, atividade 03, a partir do minuto 5 do vídeo.

Me conta depois se entendeu, ou se ficou mais alguma dúvida? Fico no aguardo! =D