you should separate the anchor tag and the img tag. It will look like this:
<a> <img> </a>
Don’t write everything in one line, so you won’t see clear if there any errors. Do it like this:
<a href='https://...'>
<img src='https://...' alt='...' >
</a>
Please post your code instead of a screenshot.
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.
Please copy the code with your mouse and paste it here inside a pre formatted code block so we can take a closer look at it. (All the code from top to bottom pls)
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<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>
ahh, yeah this one is easier hehe
What you have done to the img element is correct, but you seem to have deleted some other parts of the code.
You will have to click on the Restart Step
button and then turn the image into a link.
Is this all of it?
Your actual link is fine but you may have deleted something by mistake elsewhere.
Suggest you click the reset button which looks like an arrow turning and redo the step.
okay thank you, it might be the browser too? I am using safari and every once in a while the page does not work and I have to refresh the page. Thank you sooo much for the quick help!