Aprenda cores em CSS criando um conjunto de marcadores coloridos - Passo 9

Error code, someone can i help me :frowning:

<!-- 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>Colored Markers</title>
    <link rel="stylesheet" href="styles.css">
  </head>

<!-- User Editable Region -->

  <body>
    <h1>CSS Color Markers</h1>
      
      <div class="container"></div>
    
  </body>

<!-- User Editable Region -->

</html>
/* file: styles.css */
h1 {
  text-align: center;
}

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/118.0

Desafio: Aprenda cores em CSS criando um conjunto de marcadores coloridos - Passo 9

Link para o desafio:

Olá, @sHenryzs, e boas-vindas ao fórum do freeCodeCamp.
Está quase tudo ok no código. Sugiro recuar a linha da div dois espaços para trás e remover as linhas em branco que separam h1 da div e a div do fechamento de body e testar novamente. O código em si está certo, mas o teste pode encrencar com o fato de que a identação da div faz parecer que é um filho de h1 em vez de h1 e div estarem no mesmo nível. Faça as alterações e o novo teste e nos informe por aqui, por favor, se deu tudo certo. Bons estudos! :smiley:

1 Like