Solucionado
Testei todas as alternativas e nenhuma ficou conforme a imagem do exercício. A que está assinalada como resposta correta, ficou apenas com a faixa preta na lateral um pouco mais para a direita. O que fiz de errado?
body {
background-image: radial-gradient(circle at bottom right, yellow, yellow 20%, black 20%, black 30%, yellow 30%, yellow);
}
Boa noite, Jessica! Como vai?
Vejo que vc já está desbravando outras partes do sertão da tecnologia da informação! Muito bem, continue assim!
Sobre a sua dúvida, isso aconteceu pq a altura do body provavelmente é 0! Faça um teste aumentando gradualmente o valor da propriedade css height do body que vc vai vendo a mudança! Coloque 1px, 2px, 3px, ...
Por fim, com o código abaixo, vc verá que as coisas ficarão bem parecidas com o que vc viu na imagem do exercício do curso!
body {
height: 600px;
background-image: radial-gradient(circle at bottom right, yellow, yellow 20%, black 20%, black 30%, yellow 30%, yellow);
}Pegou a ideia? Qualquer coisa é só falar!
Grande abraço e bons estudos, minha aluna!
Deu certo!!! Muito obrigada! Realmente havia feito uma página apenas para testar e tinha colocado apenas a estrutura básica de html e o código em CSS solicitado. Abraços!
Opa, Jessica! Por nada! Sempre que precisar de alguma ajuda é só mandar aqui no fórum da Alura!
Grande abraço e bons estudos, minha aluna!