I am just at a freaking loss here, I don't understand how to add a footer?

Here is a screenshot. I just can’t for the life of me figure out what it is asking me to do. It keeps saying, "The footer tag should have an id attribute set to “footer”. "

And I wrote this but that doesn’t do anything. I have been stuck on this for 4 days now and I just can’t figure it out. Please help me.

<a href="#footer">Jump to Bottom</a>
<h2 id="footer">Jump to bottom<h2>

1 Like

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

I think you have the wrong screenshot

can you please post your whole code and the challenge link?

I uploaded the correct screenshot and I don’t know how to get the challenge link

the one in the browser url bar

also, please post ALL your code, formatted correctly so that it an be read

I am sorry, this is my first time posting on here so I am not familiar with how to do things, I do apologize. Thank you for fixing my post. I really appreciate it.

please post your whole code, thank you

Is the challenge link literally the url that is shown on my computer? This one?

https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements 

yes, that is the challenge link. It is needed to see which are the requirements

I see. Thank you. And here is the code that I have. The entire of it. I removed the whole body text thing that doesn’t really matter. But here is the code I have.

<h2>CatPhotoApp</h2>
<main>

<a href="#footer">Jump to Bottom</a>
<h2 id="footer">Jump to bottom<h2>


  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">


</main>

<footer>Copyright Cat Photo App</footer>

here is your existing footer element that needs an id

But I just can’t figure out what I need to do to give it an id…

It’s doing like this. id="" inside the quotes is the name.

Are you able to just tell me exactly what I need to write? I hate giving up but I am at the limit where it is pissing me off now. I have been stuck on this for 4 days now and I just want to move on.

1 Like

<footer></footer>
you need an id

this one has an id of “footer”

That is what I put too, I don’t know how to put multiple screenshots but I have also put that as well… and when I put that, it says “There should be only one footer tag on your page” and also says “the footer tag should have an id attribute set to footer”

That is what I don’t understand…

1 Like

If it says it only should be one then delete the footers and only make one footer with an id of footer.

And inside the quotes should be footer.

and the id should be inside the footer element

as an example I gave you with the h2 element

but change h2 to footer.

If you wrote footer over the h2 then you missunderstood.
You need the h2 also in your code.

This is what I have… I literally copy and pasted what you wrote… but still doesn’t work…

1 Like

I can’t see your footer element in the code.

If you scroll down I will see it.

This code will pass the test if you add an id like the h2 element has.

Add the id to the <footer>Copyright Cat Photo App</footer>
the id should be in here <footer id=""> but it needs footer in the quotes
Like this one <h2 id="footer>