Try to do the task below

HTML-CSS
1

Turn the word cat photos located inside p element into a link by replacing the words with anchor element added previously. The p element should show the same text in the browser , but the word cat photo should now be a link. There should only be a link showing in the app.
I’m a beginner and I can’t figure put how to do this task.

Your code so far


<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    **<p>Click here to view more cat photos.</p>**
**    <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Step 12

Link to the challenge:

2

hi Mmar7
turn the word cat photos in to a link…
.
.

Click here to view more cat photos.

. . now the cat photos is a link... the rest of the element is a text. make sure to remove the a tag. this one: cat photos
3

@sadrabn48
something went wrong when u paste;

Click here to view more cat photos .

. . now the cat photos is a link… the rest of the element is a text. make sure to remove the a tag. this one: cat photos

4

Check this out!!
Mod Edit: SOLUTION REDACTED

5

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

2 Likes
7

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