Build a Cat Blog Page - Step 9 Error?

HTML-CSS
1

Tell us what’s happening:

i don’t know what to do i tried moving closing anchors, the li, refresh the page, restart the lesson, chek for typo, nothing

console log says

A form field element has neither an id nor a name attribute. This might prevent the browser from correctly autofilling the form.

To fix this issue, add a unique id or name attribute to a form field. This is not strictly needed, but still recommended even if you have an autocomplete attribute on the same element.

3 resources
Violating node
Violating

and selects the search bar, the las line in the input and lower section

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 </a></li>
          <li> <a href="#Posts"> Posts </a></li>
          <li> <a href="#contact"> Contact </a></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/135.0.0.0 Safari/537.36

Brave Netbrowser

Challenge Information:

Build a Cat Blog Page - Step 9

2

Hi there! :waving_hand:
You’ll want to make sure the IDs in your hrefs match the section IDs exactly.
So, change #About and #Posts to lowercase.
HTML is case-sensitive when matching IDs!

3

already did, this was one of many many tries, still same error

4

Brother, the only issueis the uppercase P and A. I tried it, and it works. If it doesn’t work, let’s wait for others or even staff to look into this problem.

5

Hi,
Could you please share your updated code?

6

i tried by closing the nav and then open again, worked at first try, but now same issue here

 <footer>
      <section id="contact">
        <h2>Contact</h2>
        <address>
          <p>Phone:<a href="tel:555-555-5555">555-555-5555</a></p>
          <p>Email: fake@email.com</p>
        </address>
      </section>
    </footer>

the instruction is to wrap the number in anchor href tel: tried by just copy paste even and got stuck is so frustrating, i’m in brave browser and disable the adblock also

7

you need to have only numbers after tel:, look at the example remove the dashes

8

image
image966×742 84.8 KB

wdym i have to mess up with the spaces to get it right, havent touched tel:

9

it looks like you removed the dashes as I said, good job

10

sorry if im dumb or something but i can’t tell the difference

image
image731×835 81.3 KB

11

You’re not dumb.
The one you passed has 5555555555 inside the href.
The one you were failing had 555-555-5555 inside the href.

The difference is the little hyphens (-) between the numbers. What we learn here is, those small differences can cause us not to pass.
Good luck on the project!

12

that’s how is in the example, :sweat_smile: another thing regards towards the initial post
is that the instructions differs from the instruction given once hitted the button to pass the code, one says with uppercase, and the other with lower case, this happens on my browser atm, i don’t know if happens in anotherone

13

Well I don’t really know if it’s a browser issue. Next time this happens, make sure to try it on another browser and see if it works.
Happy coding!

14

thr example does not have dashes

anyway, once you need help with a different step than the one you opened a topic for you should open a new topic