Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <a href="https://freecatphotoapp.com">Click here to view more cat photos</a>
    <a href="https://freecatphotoapp.com">cat photos</a>
    <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

You have more than one a element

Hi @jellevanzundert ,

This code teaches you about “Nesting” i.e One element can nest another in the HTML document [There’re exception to this rule but mostly it’s true]

For an example.

<p>
  Hello there here is my 
 <a href="https://forum.freecodecamp.org/">website</a>
</p>

Please note that p element nests the a aka anchor element here.
(It might be important to note that majority of HTML elements can nest Text / Text node by default with exception of few. eg - img , br, hr elements)

Now coming back to given exercise and looking at hint:

You can see the words cat photos underlined next to the image in the preview now. That’s your link; feel free to give it a click. 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.

The premise is same.

Please feel free to ask if things aren’t clear in my explanation.


Amit Kumar Gupta

1 Like

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.
how to solve these ?