The footer tag should have an id attribute set to footer

HTML-CSS
1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
  
  <a href="#footer">Jump to Bottom</a>
  
  <img src="https://bit.ly/fcc-relaxing-cat" 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>

Your browser information:

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

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

2

I don’t know what your question is: but you forgot this part.

Then add an id attribute with a value of “footer” to the element at the bottom of the page.

1 Like
3

just put footer tag at the last.
ex.
and erase the another footer tag as in html page theirs only one footer tag.

4

@skg1010,
@molen
Just add name in anchor tad and put id tag in footer.check out this solution

<h2>CatPhotoApp</h2>
<main>
  
  <a href="#footer" name="footer" >Jump to Bottom</a>
  
  <img src="https://bit.ly/fcc-relaxing-cat" 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>
14 Likes
5

I also had the same problem, I couldn’t set the id to the footer. But this is working to me too( I have no idea why). I cannot get the idea of the id=“footer” and how this is working .

6

in anchor tag we are giving name as footer(name=“footer”) and we are calling in footer tag by using id(id="footer)

1 Like
8

Thank you very much!

I have done a fair bit of web design and decided to get behind the scenes with the development

This one baffled me, now it was explained to add id=“footer” that makes complete sense!

Cheers

9

Try this

< footer id=“footer” >

Don’t give a space. I put a space here but I was not able to comment properly.

10

No need to add seperate name attribute as described by @zain018
Just do following:

 <a href="#footer">Jump to Bottom</a>
.
.
.
.
.
<footer id="footer">Copyright Cat Photo App
</footer>
8 Likes
11

Thanks this really helped me

1 Like
12

the id=“footer” worked but what i means or do?

1 Like
13

thanks so much everyone for your help , just had take a break came back that was all . done it

14

Thank you! Don’t capitalize code haha

15

it’s work, thanks alot

16

Don’t add any footer tag in the middle. Just change the href attribute to #footer and then erase the target. Then go to the end of the page and change the Copyright cat photoshop to this code: <footer id=“footer” < /footer >. That is the solution

1 Like
18

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.