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 our gallery. 
        <a href="https://freecatphotoapp.com">cat photos</a> 
        </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/113.0.0.0 Safari/537.36 Edg/113.0.1774.42

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

Link to the challenge:

1 Like
2

Hello and welcome to the forum!

When you need help from the forum, please try to describe in your own words what you are having difficulty with. It’s helpful to you and also helpful to us, as the more you say, the more we can help!

In this case you should be enclosing the existing words ‘cat photos’ in anchor tags. Instead you have duplicated the text, so your p element currently displays as:
“See more cat photos in our gallery.cat photos”

2 Likes
3

IT SAYS > 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 DO I DO

4

You should not be adding any text to the p element. You should be enclosing the words ‘cat photos’ (which are already there in the p element) in anchor tags.

1 Like
5

i still dont understand what to do. can you write the code so that i can know what im doing wrong>?

1 Like
6

We dont give away code for the challenges on the forum. I recommend resetting the lesson, and then only put the anchor tags around the words “cat photos” that is provided by the challenge. That is the only thing you should do

1 Like
7

I can give you an example of how to turn text into a link:

<!-- without link -->
<p>Please visit my website for awesome content.</p>

<!-- with 'my website' as a link -->
<p>Please visit <a href="example.com">my website</a> for awesome content.</p>
2 Likes
8

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