Build a Cat Blog Page - Step 9

HTML-CSS
1

Tell us what’s happening:

Hi
I’m doing a HTML exercice and at some point I got stucked here:

Step 9

Inside each of the li elements, you will need to have an anchor element.

For the first anchor element, the text should be About and the href attribute value should be “#about”. The hash symbol in front of the about represents an id name which be added later on in the project.

For the second anchor element, the text should be Posts and the href attribute value should be “#posts”.

For the third anchor element, the text

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</li>
          <li><a href="#contact">Contact</li>
        </ul>
      </nav>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:136.0) Gecko/20100101 Firefox/136.0

Challenge Information:

Build a Cat Blog Page - Step 9

2

Hi,
Recall that an anchor element has a closing tag as well and you’re missing that.
Good luck!

3

Oh yes! thank you a lot =)

1 Like