Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

Your code so far

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

<!-- User Editable Region -->

    <p>See more cat photos in <a href="https://freecatphotoapp.com">cat photos</a> our gallery</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

      <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/111.0.0.0 Safari/537.36 Edg/111.0.1661.54

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

Link to the challenge:

2

Your text will display as ‘See more cat photos in cat photos our gallery’.
You’ll need to edit the content of the <p> element, to rectify this.

3

I tried to do everything literally EVERYTHING, and i did it!
i wrote it correctly! but it keep telling me " 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."
WHAT CAN I DOOO NOW? PLEASE WITH AN EXAMPLE TO LET ME UNDERSTAND MORE! THANK YOUU.

4

Please paste your updated HTML in here so we can see the changes that you made.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.