Entrar Ainda não tem acesso?
1
resposta

Background azul gradiente não funciona

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Criando Header, Flexbox e @import e atividade Banner

por Yuri Bruno Souza Silva
| 25.5k xp | 2 posts

Pessoal, podem me ajudar a entender no que posso esta errando para não funcionar o "background-color", já limpei o cache e até mesmo fiz um procedimento que a Mônica passou de colocar esse comando no json pelo "f1": 

{
    "liveServer.settings.root": "/dist"
}

Mas continua não aparecendo a cor azul. Podem me ajudar analisar o que pode esta ocorrendo, desdé já agradeço....

Ex.:

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

Segue o link do projeto: GitHub-AluraBooks

1 resposta
por Nataly Dearo Schmidt
| 96.9k xp | 42 posts

Olá, Yuri! Tudo bem?

Esse erro pode estar acontecendo pois o linear-gradient funciona apenas com o 'background'.

A razão para isso é que o linear-gradient não é uma cor sólida, mas sim uma imagem gerada dinamicamente, que representa um gradiente!

Por isso, substitua no seu código o 'background-color' por 'background' apenas, e creio que irá funcionar!

Espero ter ajudado, e bons estudos!