Basic HTML and HTML5 - Turn an Image into a Link

HTML-CSS
1

Tell us what’s happening:

may be there is bug in this step i have tried this so many times but it still showing error

Your code so far

<h2>CatPhotoApp</h2>
<main>
  <p>
    Click here to view more
     <a href="#">
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
      </a>
      </p>

  

  <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/131.0.0.0 Safari/537.36

Challenge Information:

Basic HTML and HTML5 - Turn an Image into a Link

2

Hi there! You have added the anchor element along the img element within the paragraph element. The paragraph element should come above the linked img element separately. It’s better to reset the challenge to restore original code back and try to add the anchor element around the img element.

3

Tell us what’s happening:

is there any problem in my code or bug in a step i had tried all the way possible

Your code so far


<h2>CatPhotoApp</h2>
<main>
  <p>
    Click here to view more
     <a href= "#">
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back">
      </a>
      </p>
  <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/131.0.0.0 Safari/537.36

Challenge Information:

Basic HTML and HTML5 - Turn an Image into a Link

4

you moved the image inside the p element, reset the step and try again, do not move the image, add the a element around it

1 Like
5

I have merged your two topics, please do not create multiple topics for the same challenge

1 Like