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.
hoje, com a Alura e o Google Gemini
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.