Página de documentação técnica - Criar uma página de documentação técnica

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.

Seu código até o momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Form</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
<main id="main-doc">
  <section class="main-section" id="Introdução"
  ><header>Introdução</header>   
  </section>
  <section class="main-section" id="O_que_tu_faria">
    <header>O que tu faria?</header>
  </section>
  <section class="main-section" id="Java_script">
    <header>Java Script</header>
  </section>
  <section class="main-section" id="Olá_mundo!">
<header>Olá Mundo!</header>
</section>
  <section class="main-section" id="Variaveis">
    <header>Variaveis</header></section>
</main>
</body>
</html>

/* file: styles.css */

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Cada .main-section deve ter um id que corresponda ao texto de seu primeiro filho, e todos os espaços no texto do filho devem ser substituídos por sublinhados (_ ) no id.

todos os id’s estão idênticos e mesmo assim continuar dando o mesmo erro.

2

Oi, @gustavosouzanappi03! O id “o_que_tu_faria” está sem o ponto de interrogação que está no original. Adicione-o (id = "o_que_tu_faria?") e teste novamente.
Como não há uma distinção entre maiúsculas e minúsculas, o resto não deve dar problema.

Dois pontos adicionais: em um dos ids, você usou “Olá”, com acento no “a”. É importante saber que os caracteres “a” e “á” têm valores diferentes. Caso você use um acento no header, sempre faça o mesmo no id. No seu caso, está certa essa parte. É apenas para deixar isso claro para futura referência. O segundo ponto é que está faltando o acento no “a” em “Variáveis”. Não atrapalha em nada o código, pois você deixou ambos, header e id, sem o acento. Basta então arrumar o ponto de interrogação em id="O_que_tu_faria" e seguir em frente. Bons estudos! :smiley: