I ask for help to solve this huddle

How can i add  add an `id` attribute with a value of `footer` to the `<footer>` element at the bottom of the page.

<h2>CatPhotoApp</h2>
<main>

<a href="#footer" id=“footer”>Jump to Bottom</a>
<h2  id="footer">Jump to Bottom</h2>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

I don’t see a footer element in your code, you need the one that was there first

pls how do i go about it

like this but on the footer element and with straight quotes "" instead of the curly ones used there

HI @Emmis1 !

When asking for help please post the FULL code.
Not just your answer.

Also please post the challenge link so we know what you are working on.

I think it would be best to reset the lesson because there are a few issues.

For example, the id does not go in here

You need to get rid of the id="footer"

You need to delete this as well

There is a footer element at the bottom of the page which you did not post.

That is where you need to add the id="footer" to.

Hope that helps! :grinning:

1 Like
<h2>CatPhotoApp</h2>
<main>

<a href="#footer"”>Jump to Bottom</a>
<h2 id="footer">Jump to Bottom</h2>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>

</main>

<footer>Copyright Cat Photo App</footer>

A few issues.

You need to delete this extra " here

You still need to delete this

This is the footer tag

Add the id of footer inside the opening footer tag.

<footer ADD ID HERE>

make sense?

It still says 
the footer tag should have an id attribute set to "footer".

Can you post your new code?

<h2>CatPhotoApp</h2>
<main>

<a href="#footer"”>Jump to Bottom</a>
<footer id="footer">Jump to Bottom</h2>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>

</main>

<footer>Copyright Cat Photo App</footer>

Well I see you did make this change here

But that is not where you are supposed to add the id.

Just delete that line all together.

This is the the footer tag.

Add your id there.

You still need to get rid of the extra " here

make sense?

Also, as a sidenote, lots of people have struggled with this challenge.

Just try to do your best to clean up those errors and ask questions on what you don’t understand.

We are here to help :grinning:

<h2>CatPhotoApp</h2>
<main>
<a href="#footer”>Jump to Bottom</a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
</main>
<footer id="footer"Copyright Cat Photo App</footer>

I see two problems in your code.

<a href="#footer”>Jump to Bottom</a>

That second quote is a smart quote () not a dumb quote ("). Notice that first one is slanted. You need to fix that, making all quotes dumb quotes. Right now, the only one you have is at the end to "#footer”. The first one is right, just not the second one.

Next, here:

<footer id="footer"Copyright Cat Photo App</footer>

This is basically right, but the open element is not completed with a >. Normally it would be something like:

      <footer id="footer">My Footer</footer>
// you are missing this ⭡

You just need to add the > in the right place.

When I fix those two things, your code passes for me.

Good news is that you are now understanding the core concept behind the lesson. :grinning:

Once you fix those two errors that were pointed out to you then the test will pass.

It isn’t necessary to do that. You can select the tag in CSS using .footer then wrap the footer tags around the elements you want contained from the within the footer.

<footer> Your elements, HTML tags and contain etc </footer>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.