Debug a Pet Adoption Page - Debug a Pet Adoption Page

HTML-CSS
1

Tell us what’s happening:

I don’t know why the dog link has passed but not the cat one? Also why does god have a link on the heading and the link and the cat only on the link? I am pretty sure they are the same code?

Your code so far

<h1>Welcome XYZ Pet Adoption!</h1>
<p>Consider adopting a pet today. We have cats, dogs, rabbits and more.</p>
<h2>See our cats!</h2>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch."/img>
<h2>Adopt a cat!</h2>
<a href="/cats" </a> Visit cats page 
<h2>Adopt a dog!</h2>
<a href="/dogs" </a> Visit dogs page

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Debug a Pet Adoption Page - Debug a Pet Adoption Page

2

Sometimes if an element isn’t closed properly it affects the following element.

<h1>Welcome XYZ Pet Adoption!</h1>

All good. See how the color highlighting shows the element name h2 in orange?

Also note where the text goes in relation to the opening and closing tags.

Looks at these:

<a href="/cats" </a> Visit cats page 
<a href="/dogs" </a> Visit dogs page

There’s something different here that causes the closing tag to be not orange.