Entrar Ainda não tem acesso?
3
respostas

Susgestão - aplicar o gradiente na tag "main"

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Selecionando qualquer coisa e atividade Projeto da aula anterior

por José Ricardo Sartorelli
| 57k xp | 10 posts
main {
    background: linear-gradient(#FEFEFE, #888888);
}

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

.beneficios {
    padding: 3em 0;
    /*background: #888888;*/
}

Terá que realizar alterações para adequar a página "produtos.html"

3 respostas
por Renan Lima
| 3725.9k xp | 7881 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, José.

Tudo bem?

Ai sim, muito boa a sua sugestão, o efeito gradiente deixa o site bem mais elegante e bonito, eu gosto bastante.

Ficou muito bom aplicando na <main>! Valeu José.

Qualquer dúvida conta com a gente.

por José Ricardo Sartorelli
| 57k xp | 10 posts

Tudo jóia Renan,

Somente complementando, retirei o fundo das imagens dos produtos utilizando o site remove.bg

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

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

por Renan Lima
| 3725.9k xp | 7881 posts
Alura Scuba Team Apoio Educacional - Alura

Ficou muito bom! Além de fazer do seu jeito você está praticando mais! Top.

Parabéns!