Conte-nos o que está acontecendo:
Boa noite. Estou com problemas no Passo 19 , em toda a sua sintaxe , alguém pode me ajudar . Se pudere me explicar ou dar algum modelo.
Fiquei em dúvida sobre como colocar o burlywood e como essa forma de definir o background.
Seu código até o momento
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<main>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
</main>
</body>
</html>
/* file: styles.css */
/* User Editable Region */
body {
background-color-burlywood:brown;
}
/* User Editable Region */
h1, h2, p {
text-align: center;
}
Informações do seu navegador:
Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
Informações do desafio:
Aprenda CSS básico criando um menu de restaurante - Passo 19
Oi, @lizaraxamg! A sintaxe do CSS é a seguinte:
elemento-que-você-vai-estilizar {
propriedade: valor;
}
No lugar de elemento-que-você-vai-estilizar, nesta tarefa, está o body.
A propriedade de estilização é background-color. O valor, aquilo que vem após os dois pontos, é para ser burlywood. Assim, a única coisa que você precisa alterar no modelo inicial é a cor, de brown para burlywood. Faça essas alterações e teste novamente. Bons estudos! 
Conte-nos o que está acontecendo:
Eu já tentei , mas não deu certo , olha o que fiz , me ajuda , me aponta meu erro
Seu código até o momento
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<main>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
</main>
</body>
</html>
/* file: styles.css */
/* User Editable Region */
body{background-color:#800000;}
/* User Editable Region */
h1, h2, p {
text-align: center;
}
Informações do seu navegador:
Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
Informações do desafio:
Aprenda CSS básico criando um menu de restaurante - Passo 19
Respondido acima, @lizaraxamg. No caso de sua última solução, apenas substitua #800000 pelo nome da cor solicitada. Bons estudos!
Mas não está dnando certo
body {
background-color: burlywood;
}
@Lazaro28, por favor, evite dar respostas diretamente em um tópico. Isso impede o ‘dar-se conta’ que é tão importante para o aprendizado. Além disso, vai contra as regras do fórum! Grato!
1 Like
Você precisa separar body da chave inicial com um espaço, @lizaraxamg. Não se esqueça de que a cor precisa ir após os dois pontos. Bons estudos!
1 Like
Gratidão . Deu super certo
1 Like
Obrigada !! Consegui resolver