Learn HTML by Building a Cat Photo App - Step 14

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 photo -->
     <p>Click here to view a <a >"cute cat</a>.</p>
      <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 mobile information:

iPhone - iOS18.4.1

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

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hi there, welcome to the community!

The lesson asked you to:

Turn the existing text cute cats into an anchor element that links to:
https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg

It looks like you’ve changed the original paragraph structure, which the lesson didn’t require. Also, there are a few issues in your anchor tag and spacing. Here’s how you can fix it:

  1. Use the Reset button located below your code editor to restore the original structure.
    image
    image755×366 15.4 KB

    2 After resetting, only wrap the text “cute cats” with an anchor tag and add the provided link. Avoid changing anything else in the paragraph.