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.</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 (Linux; Android 12; SM-A315F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Mobile Safari/537.36

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

Link to the challenge:

2

Hi, welcome to forum.

Please describe your issue in your own words.

Asking a good question is an excellent skill in your learning journey.

3

hello and welcome to fcc forum :slight_smile:

lets read from instructions

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words

  • i assume you already know how to create an “anchor” tag from your “previous” exercises
  • now simply do that similar action for “cat photos” from that “p” element as well

address that change and it should be alright, happy learning :slight_smile:

1 Like
4

Your a element should be nested with the p element, not next to it.

1 Like