<!DOCTYPE html> <html> <head> <title>The best page ever</title> </head> <body>

HTML-CSS
1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"img><src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

Your browser information:

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

Challenge: Turn an Image into a Link

Link to the challenge:

3

You have syntax errors in your HTML.

<a href="#"img><src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

I would suggest you always use newlines and indentation.

Here is the example code from the challenge without newline and indentation:

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a>

And here it is with newline and indentation:

<a href="#">
  <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera.">
</a>

As you can see, it is much easier to see where a tag begins and ends.