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 <a href="https://freecatphotoapp.com">cat photos </a>in our gallery.</p> 
     

<!-- 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 (X11; CrOS x86_64 15183.78.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

Yes, im stuck with step 12, i’m pretty sure I have made the cat photos into a link as told to do but it’s still saying i’m in a wrong somewhere

4

You are correct but your text spacing is important too. You should only include ‘cat photos’ as your link, not 'cat photos '. Move the space to the other side of the closing anchor tag.

5

I still don’t get what you mean

6

You were told to make the words ‘cat photos’ into a link. You included a space after the words ‘cat photos’ as part of your anchor element. The space should not be included. It should be outside of the anchor element.

EXAMPLE:

<p>Here are some <a>doggie pics </a>for your delight</p>
OR
<p>Here are some <a>doggie pics</a> for your delight</p>

Do you see the difference?

7

Got it now I passed, thank you so much :slight_smile:

8

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