Tell us what’s happening:
There’s apparently an issue with the code but i mainly have issue with the step description being
In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com. When you are done, remove the old anchor tag and text below the paragraph.
This description confuses me greatly. “cat photos” is already a link and has the hint stated
Your code should only contain one anchor (a) element.
That should be nested inside a <p> element but it already is?
…And here i go again knocking my head on a brick wall for another decade…
Your code so far
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.
<a href="https://freecatphotoapp.com">cat photos</a>
</p>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main>
</body>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:104.0) Gecko/20100101 Firefox/104.0
Challenge: Learn HTML by Building a Cat Photo App - Step 12
I think you’re trying to interpret the hints from the perspective of what you wrote.
But the person who created the step and hints was not prescient to predict what you will write. They were referring to the existing code, before you changed it.
Best thing to do then, is to restart the step which will reset the code.
Then, find the word cat photos and make it a link (do not add any more words ‘cat photos’, just change the ones given to you to become a link)
Finally delete the line that the instruction told you to delete (the one below the given paragraph).
Take it one step at a time, and let us know how it goes.
Quite on the contrary, what i wrote is what i ended up writing, after restarting many times. The first hints indicate
Your anchor (a) element should be nested within the p element.
which is what you see on my code. Pressing the check button gives
After nesting the anchor (a) element, the only p element content visible in the browser should be Click here to view more cat photos. Double check the text, spacing, or punctuation of both the p and nested anchor element.
Guided by this hint, i removed cat photos so that the only visible content is Click here to view more cat photos. as asked, however checking it again gives this
The link’s text should be cat photos. You have either omitted the text or have a typo.
should the p elemet be in the anchor one or the anchor element inside the p one ??
it looks exactly like u said but it still says “the links text schould be cats photos”
(istg this is so mf confusing)
I can help you with that but I need you to create your own topic (everytime you write a post like this in someone else’s topic you are spamming them).
Please click on the Ask for Help button and include the same question you have here there. (along with the code and link to the step which should be pulled in automatically by the button)
