2
respostas

Sobre gradientes

O que eu entendi, é que o gradiente deve pegar toda a página, certo? Desde a seção principal até o fim de benefícios em um grande degradê. Por isso, tivemos de alterar o código para que as cores usadas no background não fosse só o valor de 940px, pois isso não ocuparia a tela inteira. Pois bem, todas as alterações dão certo e é visível pois tanto a seção do mapa quanto a seção de benefícios usam cores que é possível ver as alterações, mas se seguirmos as alterações feitas na aula, ao fazer o teste de mudar o background da seção principal para uma cor mais forte, como o vermelho, é possível ver que ele se delimita a 940px, mas não percebemos isso no resultado final pois a cor utilizada (#FEFEFE) é muito próximo do branco, mas na realidade ele só ocupa 940px. Gostaria de saber se esta realmente era a intenção ou se houve um erro? Desculpe se ficou confuso, espero que tenham entendido.

2 respostas

Fala ai Veronica, tudo bem? Não entendi muito bem, sem ver o problema e códigos fica um pouco complicado de ajudar.

Mas, dada a explicação, me parece ser o funcionamento correto, isso porque o seu elemento tem 940px de tamanho, então a cor de fundo deve ocupar esse conteúdo e não mais que isso.

Espero ter ajudado.

Eu tenho uma boa solução, crie uma div e dentro dessa div coloque o conteudo da tag main, nessa div criada, coloque o

.div{
background: linear-gradient(#fefefe, #888888);
}

Assim pegará todo o conteúdo