Build a Cat Blog Page - Step 9

HTML-CSS
1

Tell us what’s happening:

I do not know its not allowing me to pass while i write the exact thing

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>

<!-- User Editable Region -->

      <nav>
        <ul>
          <li><a href="#about">About</li>
          <li><a href="#posts">Posts</a></li>
          <li><a href="#contact">Contacts</li>
        </ul>
      </nav>

<!-- User Editable Region -->

    </header>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Blog Page - Step 9

2

So one of the things that I always tell students is when you make an opening tag ask the question is this a void element? if not immediately put a closing tag on it. Don’t add any classes to it to put any text on the inside until you close it off. Then once you get more practice then you can start writing from beginning to end.

When you move on to editors like Visual Studio code emmet auto completions help with this by adding them for you.

Your error is coming from not closing tags. So with what you typed out look at all the anchor tags and answer the question are anchor tags void elements… if not they need a closing tag…

Example of working anchor tags: HTML Links Hyperlinks

1 Like