Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

i tried to do as the ask me but is not still working i need help pls

Your code so far

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

<!-- User Editable Region -->

<P> every one loves cute cats </p>
    < a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"> cute cats</a>

<!-- User Editable Region -->

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

Challenge Information:

Build a Cat Photo App - Step 14

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/workshop-cat-photo-app/671141feba228a35cefba82d.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Click the reset button which looks like a turning arrow and the original code given to you will be reset. So you editor will display this:

image
image1382×1737 125 KB

After this, pay attention to the highlighted paragraph element.

It has this text: Everyone loves cute cats online!

What they are asking you to do is change this so that instead of plain text, the 2 words ‘cute cats’ become clickable. Do you know how to make just these two words become clickable?

3

Hello,

In your code above you were supposed to use a lowercase <p> element to make a paragraph. And you made several spelling errors too. You were assigned to turn the text cute cats into an anchor element. Here’s your solution:

mod edit: code removed
4

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. How to Help Someone with Their Code Using the Socratic Method

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.