Tell us what’s happening:
Learn HTML by building a cat photo App: Step 19
This is what the console is saying:
The second section element appears to be missing or does not have both an opening and closing tag.
There should be an h3 element right above the second section element’s closing tag. There should be an h2 element with the text Cat Lists above the last h3 element that is nested in the last section. You may have accidentally deleted the h2 element.
Your code so far
<html>
<body>
<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>
<!-- User Editable Region -->
<section>
<h2>Cat Lists</h2>
<section>
<h3>Things cats love:</h3>
</section>
</section>
<!-- User Editable Region -->
</section>
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15
Challenge Information:
Learn HTML by Building a Cat Photo App - Step 19
Please Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!
1 Like
Hi there!
You have nested a section element within the section element. Reset your challenge and add required elements according to the challenge instructions.
Edit: instructions is asking you:
After the last h2 element of the second section element, add an h3 element with this text:
Things cats love:
1 Like
Thank you so much for your response.
I changed the code to this:
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
</section>
and this is what the console is saying:
The second section element appears to be missing or does not have both an opening and closing tag.
So I tried doing this:
<section>
<h2>Cat Lists</h2>
</section>
<section>
<h3>Things cats love:</h3>
</section>
but it is still saying that it is incorrect and this is what the console says:
The second section element appears to be missing or does not have both an opening and closing tag.
There should be an h3 element right above the second section element’s closing tag.
The h3 element right above the second section element’s closing tag should have the text Things cats love:. Make sure to include the colon at the end of the text.
There should be an h2 element with the text Cat Lists above the last h3 element that is nested in the last section element’. You may have accidentally deleted the h2 element.
I have tried to change the code to almost everything I can but still it gives me an error every time, don’t get what I am doing wrong
This is the code for my first scenario which I changed to:
And this is the code for my second scenario:
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 (').
1 Like
Try to close your browser extensions, if you have any. clear your browser cache or change the browser and try again.
1 Like
Lovely, Thank you so much. Resetting the lesson was the only issue and clearing the browser I did not do it earlier because I thought that it would reset the whole lesson from the start.
I appreciate everyone who helped me in this.
1 Like
