3
respostas

[Dúvida] Background do conteúdo do mapa com gradiente próprio.

Segui todos os passos passados em aula, mas ainda assim estou tendo dificuldade em ajustar o gradiente na página. Apesar de conseguir colocar o gradiente como queria, ele fica inserido no backgroud do mapa. Gostaria de saber como posso fazer para solucionar este problema.

Como fica o gradiente com o mapa aparecendo na tela Atualizando a página fica melhor de ver

3 respostas

Olá Matheus!! Manda o código para analisarmos certinho onde está o erro.

/css da página inicial/

.banner { width: 100%; height: 700px;

}

.titulo-principal { text-align: center; font-size: 2em; margin: 0 0 1em; clear: left; }

.principal { padding: 3em 0 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; background: linear-gradient(#FEFEFE,#888888); }

.mapa-cont { width: 940px; margin: 0 auto; }

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

.beneficios { padding: 2em 0; background: #888888; }

.conteudo-benf { width: 640px; margin: 0 auto; }

.lista-benf { width: 40%; display: inline-block; vertical-align: top; }

.itens { line-height: 1.5; }

.itens:nth-child(2n) { font-weight: bold; }

.itens:before { content: "✅"; }

.imgbenef { width: 60%; }

.video { width: 560px; margin: 2em auto; }

Tentei colocar somente o texto. Se achar necessário, posso tirar print do código e postar aqui.