Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

i cant undersand where to put the word " See more" and : in our gallery"

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> 
        <a ="https://freecatphotoapp.com"><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/131.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hi there and welcome to our community!

Your anchor element has lost its text content (‘cat photos’). You can type this text between the opening and closing tags or simply hit the Reset button to restore the code automatically.

Then, you should:

Add the words See more before the anchor element and in our gallery after the anchor element

1 Like
3

who is the anchor element

4

The anchor (a) element is used to create hyperlinks in an HTML document.

MORE INFO:

6

i cant do this please type all text

7

I can’t give you the answer but I can point you in the right direction.
Hit the Reset button and you should have this starting code for this step:

<a href="https://freecatphotoapp.com">cat photos</a>

Then all you need to do is type See more at the beginning of that line, and in our gallery at the end of the line. Note that you need to include a single space before and after the anchor element, so that the words don’t run into one another.