I'm stuck trying to find the id

HTML-CSS
1

Tell us what’s happening:
I’m stuck trying to find the id.
I also need a break and want to resume this tomorrow when I’m a little bit more fresh. Can I do that?

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 id="CatPhotoApp">Footer</footer>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15.

Challenge: Link to Internal Sections of a Page with Anchor Elements

Link to the challenge:

2

Of course you can take a break. This is a long process. You’ll need to sleep and eat along the way.

Why did you set the id to “CatPhotoApp”?

3

Because I don’t know what I’m doing and I don’t know how to get the original text back

4

How do you take the break with out loosing all of the progress so far.?

5

When you are linking elements based on their ID, the reference you use must be equal to the ID.
For example, you are trying to reach something with an id=“footer”, but in your document that doesn’t exist. footer is an element of your document.

“footer id=“CatPhotoApp”>Footer”

If you analize this element, you will realize it has an id different from the one you used.

You can take a break at anytime, the site will save your progress.

6

Do I just leave my computer. Also I think need specific help with what to type for this one in my id as I totally messed it up. I think I need the line shown to me. What you are saying doesn’t make sense to me. Show me what to type exactly and then explain it as I really don’t understand.
Also exactly how do I stop mid lesson?

7

If you want to reset the challenge you can click the “Reset All Code” button.

If you have been logged in while doing the challenges, then the list of completed challenges will be saved to your account.

9 
<a href="#footer">Jump to Bottom</a>
....
<footer id="CatPhotoApp">Footer</footer> what you wrote
<footer id="footer">Footer</footer> how to correct it

OR

<a href="#CatPhotoApp">Jump to Bottom</a>
...
<footer id="CatPhotoApp">Footer</footer>

Now lets understand it!!!
See the the 'href’ attribute in anchor tag is used to point to a location.
Now how do you point to a particular location you provide its Id there.

So you told href to go to element which has a id of footer but there is no element with id=“footer”.
Dont confuse it with footer tag(<footer>) this is a tag not id and href searches for id.
You provided id =" CatPhotoApp" in your code and therefore it did not work.

So make sure to give an id to href of the element where you want to go.

Now to the other question.
if you signed up your progress is saved you can leave anytime you want and can continue from the lesson where you left.