# Aprende HTML construyendo una aplicación de fotos de gatos - Step 15

**URL:** <https://forum.freecodecamp.org/t/aprende-html-construyendo-una-aplicacion-de-fotos-de-gatos-step-15/532125>\
**Category:** General\
**Tags:** español\
**Created:** [July 21, 2022, 2:43am UTC](https://forum.freecodecamp.org/t/aprende-html-construyendo-una-aplicacion-de-fotos-de-gatos-step-15/532125 "2022-07-21T02:43:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![walchetto36](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/walchetto36/32/240095_2.png) [@walchetto36](https://forum.freecodecamp.org/u/walchetto36)\
**Post date:** [July 21, 2022, 2:43am UTC](https://forum.freecodecamp.org/t/aprende-html-construyendo-una-aplicacion-de-fotos-de-gatos-step-15/532125/1 "2022-07-21T02:43:26Z")

</div>

**Cuéntanos qué está pasando:**  
Describe tu problema en detalle aquí.no llego entender la consigna de separar el elemento !! desde ya muchas gracias por la ayuda, salufo atte-.

```
  **Tu código hasta el momento**

```

```html
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com"><p>cat photos</a>.</p>
    <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>
</body>
</html>

```

```
  **Información de tu navegador:**

```

El agente de usuario es: `Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36`

**Desafío:** Aprende HTML construyendo una aplicación de fotos de gatos - Step 15

**Enlaza al desafío:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/espanol/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-15)**
>
> Aprende a programar, ¡GRATIS!

---

<div class="post-metadata">

**Author:** ![franciscomelov](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/franciscomelov/32/257220_2.png) [@franciscomelov](https://forum.freecodecamp.org/u/franciscomelov)\
**Post date:** [July 21, 2022, 4:51am UTC](https://forum.freecodecamp.org/t/aprende-html-construyendo-una-aplicacion-de-fotos-de-gatos-step-15/532125/2 "2022-07-21T04:51:48Z")

</div>

La instrucción dice, tomar todos los elementos dentro del elemento main y anidarlos dentro de un elemento section.

En este ejemplo voy a tomar todos los elementos dentro de main y anidarlos dentro de un elemento “article”

```auto
<main>
  <p><p>
  <p><p>
  <p><p>
  <p><p>
</main>

```

```auto
<main>
  <article>
    <p><p>
    <p><p>
    <p><p>
    <p><p>
  </article>
</main>

```

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 7, 2025, 3:46pm UTC](https://forum.freecodecamp.org/t/aprende-html-construyendo-una-aplicacion-de-fotos-de-gatos-step-15/532125/3 "2025-01-07T15:46:29Z")

</div>

Closed on January 7, 2025, 3:46pm UTC