Build a Cat Blog Page - Step 17

Español HTML-CSS
1

Cuéntanos qué está pasando:

estoy haciendo el test la formulacion de pregunta es cree articulo con dos parrafos asi lo tengo pero me sigue presentando que necesito dos parrafos pero ahi se encuentran no se que debo hacer

Tu código hasta el momento

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Mr. Whiskers' Blog</title>
    <meta charset="UTF-8" />
  </head>
  <body>
    <header>
      <h1>Welcome to Mr. Whiskers' Blog Page!</h1>
      <figure>
        <img
          src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
          alt="a cat peacefully sleeping"
        />
        <figcaption>Mr. Whiskers Sleeping</figcaption>
      </figure>
      <nav>
        <ul>
          <li><a href="#about">About</a></li>
          <li><a href="#posts">Posts</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <section id="about">
        <h2>About</h2>
        <p>
          Hi there! I'm Jane Doe, a passionate writer who finds endless inspiration in the antics of my beloved cat, Mr. Whiskers.
        </p>
        <p>
          His playful nature and boundless energy keeps me on my toes. I love him so much.
        </p>
      </section>
      <section id="posts">
        <h2>Posts</h2>

        <article>
          <h3>Mr. Whiskers' First Day Home</h3>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam </p>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam </p>
        </article>
        <article id="contact">
          <h3>Mr. Whiskers' First Bath</h3>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam </p>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam
            </p>

<!-- User Editable Region -->

          <section id="posts">
  <h2>Posts</h2>

  <article>  
    <h3>Mr. Whiskers' First Bath</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam</p>
  </article>

  <article>  
    <h3>Mr. Whiskers' First Birthday Party</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam</p>
  </article>

  <article>  
    <h3>Mr. Whiskers' First Birthday Party</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam</p>
  </article>

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Información del Desafío:

Build a Cat Blog Page - Step 17

2

¡Hola, bienvenido a la comunidad!

Parece que estás teniendo un problema. La lección dice:

Para la tercera entrada del blog, necesitas agregar otro elemento article.
Dentro del article, agrega un elemento h3 con el texto “El primer baño de Mr. Whiskers”.
Debajo del h3, agrega dos párrafos de texto Lorem Ipsum.

Sin embargo, el texto de Lorem Ipsum que has añadido está incompleto. El texto completo de Lorem Ipsum debería ser:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae quidem voluptatum quas. Quisquam quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.

Puedes copiar y pegar este texto en tu código.

Además, tus primeros, segundo y tercer artículos no tienen el texto completo de Lorem Ipsum. Añade el texto completo y tu solución debería pasar.

¡Déjame saber si necesitas más ayuda! :blush: