Leon12
December 19, 2024, 8:30pm
1
Tell us what’s happening:
Having a problem where I’m trying to do step 12 of the html cat photo app and it’s not excepting see more cat photos in our gallery
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">see more cat photos in our gallery </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 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Mobile Safari/537.36
Challenge Information:
Learn HTML by Building a Cat Photo App - Step 12
ILM
December 19, 2024, 8:31pm
2
remember that an element starts with an opening tag <elementName>
and ends with a closing tag </elementName>
, you put the new words inside the a
, not before and after
Leon12
December 19, 2024, 8:46pm
3
Ive tried to put the words before and after the a ,but it doesnt seem to work
ILM
December 19, 2024, 8:47pm
4
show what you have tried please
Leon12
December 19, 2024, 8:49pm
5
< see more /> <a href="https://freecatphotoapp.com">cat photos</a> < in our gallery />
ILM
December 19, 2024, 8:51pm
6
this is invalid html < see more />
also you should add only text, not an html element
Leon12
December 19, 2024, 8:53pm
7
So just type see more before the a and then the in our gallery after the end tag and it should work?
ILM
December 19, 2024, 8:54pm
8
Yes
If it doesn’t please show your code again
Leon12
December 19, 2024, 9:00pm
9
It still isn’t here’s the code.
see more <a href ="https://freecatphotoapp.com">cat photos</a> in our gallery
I’ve edited your code for readability. 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
How is the given text capitalized?
Leon12
December 19, 2024, 9:04pm
12
Im not sure how it ended up capitalised
' see more <a href ="https://freecatphotoapp.com">cat photos</a> in our gallery'
ILM
December 19, 2024, 9:08pm
13
no, the question is if there are upper case letters in the text given in the instructions
Leon12
December 19, 2024, 9:10pm
14
Including an image of the question
ILM
December 19, 2024, 9:14pm
15
please paste your code, don’t do that, we can’t debug from a screenshot
Leon12
December 19, 2024, 9:16pm
16
Sorry thougth it would be easier
‘’’
Add the words See more before the anchor element and in our gallery after the anchor element.
‘’’
ILM
December 19, 2024, 9:16pm
17
that is not your code tho, we can read the instructions on the step page
Leon12
December 19, 2024, 9:17pm
18
I know ,but you asked if the question contained capitals
ILM
December 19, 2024, 9:18pm
19
because you were not using them, it was to bring your attention to that detail
I’ve edited your code for readability. 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').