Aprenda HTML criando um aplicativo de fotos de gatos - Passo 16

**não sei como usar o e nem a onde colocar

Seu código até o momento

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>
      
  <section</>    <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
  <section</>    <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
  <section</>     <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

    </main>

<!-- User Editable Region -->

  </body>
</html>

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/113.0.0.0 Safari/537.36 OPR/99.0.0.0 (Edition std-1)

Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 16

Link para o desafio:

Olá, @miguelalvessilva0812, e boas-vindas ao fórum do freeCodeCamp. Para que um elemento ou vários elementos fiquem aninhados em outro elemento, você precisa colocá-los entre as tags de abertura e de fechamento do elemento “aninhador”. Por exemplo, se quisermos aninhar dois elementos p dentro do elemento article, fazemos o seguinte:

<p>Este é um parágrafo a ser aninhado</p>
<p>Este é outro parágrafo a ser aninhado</p>

Para aninharmos (ou seja, colocarmos dentro) do elemento article, fazemos isto:

<article>
    <p>Parágrafo aninhado</p>
    <p>Segundo parágrafo também aninhado</p>
</article>

Faça o mesmo envolvendo os elementos do exercício com as tags de abertura e de fechamento de um único elemento section e teste novamente. Bons estudos! :smiley: