Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

can you help me solve this? i’ve been stuck here for days

Your code so far

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

<!-- User Editable Region -->

      <p>Everyone loves cute cats online!</p>

<!-- 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/131.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

2

You need to surround the “cute cats” phrase with the anchor tag.
and specify the given URL as the value for the “href” attribute.

3

you need to do something similar to this

1 Like
4

i already tried all posssible answers, but it didn’t work

5

yeah, i tried but it didn’t work. maybe i didn’t figure out the right anchor for it.

6

please provide the code which you tried

7

here,

Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cute-cats.jpg. online!

8

Hi there!

Your above Posted code isn’t visible. However, you have a dot after the link jpg., remove that dot.

Add three back ticks (```) on sperate line before and after your code, when you posting it here in your reply.
You can use Preformatted Text option in reply settings, for insert it automatically.

9

am also stuck there , help me out if you figure it out.

11

i havent figured it out yet, im still stuck here

12

Hello and welcome to the forum community @zeyy11 !

I have quoted some of the code from your post.

If we use the lower p element as an example:

This before the anchor was added read.

<p>See more cat photos in our gallery.</p>

We needed to turn the words cat photos into a link by adding the anchor tags.

<p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

This step is asking us to use the same method to turn the two words, cute cats into a link the same way.
Placing the opening anchor tag, within the statement before the word cute and the closing anchor within the statement after the word cats.
We do not need to change anything else.

Wishing you good progress on your coding journey. :slightly_smiling_face: