Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

After nesting the anchor (a) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element.
i have tried shifting checked my spellings texts spacing as well as punctuations i do not understand this statement what exactly do i need to perform here? what should be the link? what should be the content in p element after nesting the anchor element and what should be the e

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->


         <p>Click here to view more cat photos</a>
    <a href="https://freecatphotoapp.com">cat photos</a>
         
          

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hi there.

Please click the reset button. This button will restore the original code given for this step.

After that, take a look at the editor. You now have a p element there with some text inside it. Your objective is to make the two words “cat photos” that are written inside the paragraph become a clickable link.

To make them clickable, use an anchor element. The step says you should “nest the words in an anchor element”.

So do that by adding the anchor’s opening tag on the left of the word cat and the anchor’s closing tag on the right of the word photos.