Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

You should nest a new anchor (a ) element within the p element.

See more cat photos in our gallery.

cat photos link to cat photos 

<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">cat photos</a> link to cat photos </p>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

4 posts were split to a new topic: Need help with step 12 of cat photo app

3

A post was merged into an existing topic: Need help with step 12 of cat photo app

4

HI @deadgirl1779 !

Welcome to the forum!

I would reset the lesson.

The lesson wants you to nest a anchor element inside a paragraph element

Here is the example again.

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

you see how the opening and closing anchor tags around freeCodeCamp here

<a href="https://www.freecodecamp.org">freeCodeCamp</a>

you need to do something similar for cat photos

hope that helps

6

I saw nothing concerning the link posted by @deadgirl1779 and what you posted different. Perfect match if you run it through a perl regex. Could it be the text was wrong?

7

HI @typomaniac !

Look carefully at what the current HTML output looks like in the preview window

Screenshot 2024-05-12 at 9.23.09 PM

cat photos link to cat photos doesn’t make sense.

The correct output should be this
Screenshot 2024-05-12 at 9.24.16 PM

The goal of this step is to learn about how to nest links inside paragraphs.

Hope that is clear

8

As I said, the text might be wrong. All I could see was the link. Not till now I saw the actual what it was supposed to be. My bad.

9

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