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

Português HTML-CSS
1

o exercício está dizendo: 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.
Porém o meu código está correto, não sei se é erro do site ou algo do tipo, mas queria uma ajuda para solucionar este problema

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">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <title>Document</title>
</head>
<body>
    <nav id="navbar">
        <header>Documentação JS</header>
        <a href="#introducao" class="nav-link">Introdução</a>
        <a href="#deveria_saber" class="nav-link">O que você já deveria saber</a>
        <a href="#javascript_e_java" class="nav-link">JavaScript e Java</a>
        <a href="#ola_mundo" class="nav-link">Olá mundo</a>
        <a href="#variaveis" class="nav-link">Variáveis</a>
    </nav>
    <main id="main-doc">
        <section id="introducao" class="main-section">
            <header>Introdução</header>
            <p></p>
            <p></p>
            <code>console.log("Olá, Mundo!");</code>
            <ul>
                <li></li>
                <li></li>
            </ul>
        </section>

        <section id="deveria_saber" class="main-section">
            <header>O que você já deveria saber</header>
            <p></p>
            <p></p>
            <code>console.log("Olá, Mundo!");</code>
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </section>

        <section id="javascript_e_java" class="main-section">
            <header>JavaScript e Java</header>
            <p></p>
            <p></p>
            <code>console.log("Olá, Mundo!");</code>
        </section>

        <section id="ola_mundo" class="main-section">
            <header>Olá mundo</header>
            <p></p>
            <p></p>
            <code>console.log("Olá, Mundo!");</code>
        </section>

        <section id="variaveis" class="main-section">
            <header>Variáveis</header>
            <p></p>
            <p></p>
            <code>console.log("Olá, Mundo!");</code>
        </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/118.0.0.0 Safari/537.36

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

Link para o desafio:

2

O site está me retornando este erro, mas o exercício está correto(só falta css)

Document Documentação JS Introdução Introdução

console.log("Olá, Mundo!"); 
    <section id="deveria_saber" class="main-section">
        <header>O que você já deveria saber</header>
        <p></p>
        <p></p>
        <code>console.log("Olá, Mundo!");</code>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </section>

    <section id="javascript_e_java" class="main-section">
        <header>JavaScript e Java</header>
        <p></p>
        <p></p>
        <code>console.log("Olá, Mundo!");</code>
    </section>

    <section id="ola_mundo" class="main-section">
        <header>Olá mundo</header>
        <p></p>
        <p></p>
        <code>console.log("Olá, Mundo!");</code>
    </section>

    <section id="variaveis" class="main-section">
        <header>Variáveis</header>
        <p></p>
        <p></p>
        <code>console.log("Olá, Mundo!");</code>
    </section>
</main>
3

Oi, @gabrielborges934896! Duas questões para você: confira se o texto do header da seção “deveria_saber” é realmente o mesmo que o id e lembre-se de que, embora em português a gente entenda que sim, para o computador, “á” não é o mesmo que “a”, nem “ç” é o mesmo que “c”. Os caracteres são interpretados de modo diferente. Vírgulas e pontos também interferem com o teste. Faça as alterações e tente novamente. Bons estudos! :smiley: