Debug a Pet Adoption Page - Debug a Pet Adoption Page

Tell us what’s happening:

It is the cat link that is the issue
that is bothering me

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>

<h2>Adopt a cat!</h2>
<a href="/cats">Visit cats page</a>
<h2>Adopt a dog!</h2>
<a href="/dogs">Visit dogs page</a>

Your browser information:

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

Challenge Information:

Debug a Pet Adoption Page - Debug a Pet Adoption Page

https://www.freecodecamp.org/learn/full-stack-developer/lab-debug-pet-adoption-page/lab-debug-pet-adoption-page

you should go back to check this line

when a test for a certain line is failing but you do not see the reason there, look before it

img tag looks fine but the cat link is giving me trouble it says i need to change the src to href but i did that yet nothing.

no it does not look fine, look at the color, look at the attributes, isn’t there something missing?

I did not point it out to you to make you loose time, double check the img element

the tag looks fine the attribute’s color looks as it should and i checked the whole thing nothing seemed missing with the tag.

when you write attributes, what do you need?

there is something wrong, confront the two attributes

look nothing wrong here

<img src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg” alt="Two tabby kittens sleeping together on a couch>

you are showing me something wrong indeed, confront the two attributes, where does src start and where does it end? what about alt?

it starts after the tag the alt comes after https link

can you identify the characters that mark the start and end of both attribute values?

ah what fool i am sorry for the trouble.