Tell us what’s happening:
Hey guys, I new here and seem to have found myself stuck much earlier than I anticipated. I’ve seen this step posted on the forum several times but each time the posted didn’t go into detail and as such didn’t get any helpful feedback, so I thought I’d give it a shot.
Here are the instructions for clarity:
Step 16
"Before adding any new content, you should make use of a section
element to separate the cat photos content from the future content.
Take your h2
, comment, p
, and anchor (a
) elements and nest them in a section
element"
Now in all my newbie hubris I keep looking at what I have coded thus far and cannot for the life of me figure out what I did wrong.
I really thought I had it but I got the message:
" The existing h2
, comment, p
element, and anchor (a
) element should be between the opening and closing tags of the section
element"
I really want to learn this. If someone could explain to me what I’m doing wrong and how to fix it I’d be eternally grateful. I just don’t want to get discouraged before I even really begin.
Thanks a bunch
Your code so far
<html>
<body>
<!-- User Editable Region -->
<main>
<h1>CatPhotoApp</h1>
<section>
<h2>Cat <Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
</main>
<!-- User Editable Region -->
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36 Edg/110.0.1587.46
Challenge: Learn HTML by Building a Cat Photo App - Step 16
Link to the challenge: