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

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

Link to the challenge:

2

Please tell us what the problem is 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

You want to leave the text “cat photos” inside the p element. You removed it and placed it below the p element. You can still turn the text “cat photos” into a link when it is in the middle of the p element. Look at the example in the instructions to see how it is done.

4

Hello!

Here is an example of how it should appear using the lesson example.

The original p statement was I think freeCodeCamp is great.

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

Notice how the anchor only surrounds freeCodeCamp without changing the rest of the p element.

I hope this helps you.

6

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