Projetos do design responsivo para a web - Criar uma landing page para um produto

Alguém me ajuda.
Fiz o código até aqui tudo certo, mas o site me pede pra deixar o elemento ‘nav’ acima do ‘viewport’. Não entendo isso. o ‘’ tem que escrito ser logo após o elemento “body” ?

Product Landing Page
        <img width="300" id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png" alt="Company Logo">
        <nav id="nav-bar">
            <a class="nav-link" href="#features">Features</a>
            <a class="nav-link" href="#video">How It Works</a>
            <a class="nav-link" href="#pricing">Pricing</a>
        </nav>
    </header

Seu código até o momento

AVISO

O código de seed do desafio e/ou sua solução excederam o comprimento máximo que podemos transportar do desafio.

Você precisa realizar uma etapa adicional aqui para que o código que você escreveu apresente um formato de fácil leitura.

Copie e cole todo o código do editor mostrado no desafio de onde você acaba de fazer o link.

Substitua essas duas frases pelo código que você copiou.
Deixe as linhas com ``` acima e ``` abaixo de seu código,
pois elas permitirão a formatação adequada de seu código na publicação.

Informações de seu navegador:

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

Desafio: Projetos do design responsivo para a web - Criar uma landing page para um produto

Link para o desafio:

Oi, @gbssdias. Na verdade, não é acima do viewport, nem logo após o elemento body. As instruções (em português) dizem:

3. Dentro do elemento #header, deve haver um elemento nav com um id="nav-bar" correspondente
...
13. A barra de navegação deve estar sempre na parte superior da viewport
14. A página inicial deve ter pelo menos uma media query

Seguindo essas instruções (que, na verdade, são bastante semelhantes às do projeto do portfólio), o teste passará. Bons estudos! :slight_smile:

Olá amigo. Boa noite!
Tudo bem?
Infelizmene eu ainda não consegui resolver e finalizar o desafio.
Fiz o recomendado por você porém, ainda me diz:

  • Falhou: O elemento #nav-bar deve estar sempre na parte superior da viewport.

  • Falhou: A página inicial deve ter pelo menos uma media query.

*Falhou: A página inicial do produto deve utilizar o CSS flexbox pelo menos uma vez.

To começando a ter vontade de desistir, não sei como resolver isto.

Consegue enviar aqui o código que usou para a landing page do mesmo jeito que você fez com a página de portfólio?