Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I am struggling to place “see more” before the anchor element. I don’t know where exactly to put it and I keep getting wrong. Please help me because I feel like I am missining something.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

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

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

let’s start with the code you have:
you need to add a space after the anchor element, before “in our gallery”

then you can put “See more” before the anchor element. Do you know what is the anchor element?

3

to my understanding, the anchor element is the <a> and </a>.

4

yes, so where is right before that in the code?

5

I don’t understand what it is you’re asking?

6

you need to add the words before the anchor element, so where is that in the code? are you able to find that place?

7

no, that’s the issue. please help me find it. it the anchor element in the beginning or the anchor element at the end?

8

there is only one anchor element here, not two
what are these two anchor elements you are asking about?

9

the anchor elements I am referring to are: the ‘a’ between greater than/less than signs then the other ‘a’ that has a forward slash in front of it. So to clarify, what exactly is the anchor element?

10

those are tags, not elements
all elements have an opening tag and a closing tag, so that you are saying

that, is all one element

ok, not all elements, void elements like img have only the opening tag

11

so where should i put the words “see more” in the code?

12

this is the anchor element, right?

right before that

13

i just did that but it keeps telling me my code does not pass and that i should have the words ‘see more’ before the anchor element and i should make sure to include the space after the last word. i literally the words see more before but it’s still wrong, its kind of frustrating…

14

show your code please

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

15

image
image609×300 14.4 KB

16

don’t you have something extra in there? look at the tags

but it’s better if you paste your code here, do not share screenshots

17

now I see, thank you so much!

1 Like