Build a Cat Blog Page - Step 16

HTML-CSS
1

Tell us what’s happening:

I’ve done what it wants me to do. I’ve set the id of the article to #posts , i tried adding a new with the id to #posts but it still doesn’t work. The code in the preview work as it should be but it keeps saying that i need to have a second article elemnt in my selection element with the id to posts. I also tried adding it in visual studio code and it works flawlessly. What am i missing?

Your code so far

<!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
            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.
          </p>
          <p>
            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.
          </p>
        </article>

<!-- User Editable Region -->

        </article>
            <aticle id="posts"> 
              <h3>Mr. Whiskers' First Bath</h3>
              <p>
                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.
                 </p>
                 <p>
                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.
                 </p>
              </article> 

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Blog Page - Step 16

2

Hi. You have a typo here:

 <aticle id="posts">
3

you are not asked to add an id in this step