Cat Photo App Step 28 - soyckas

HTML-CSS
1

hi im stuck on step 28, please help

Hint

Your second figure element should have an opening tag. Opening tags have this syntax: <elementName> .
But i have an opening tag

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <figure>
        <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>
        </figure>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src=' https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg'>
        </figure>
      </section>
    </main>
  </body>
</html>
2

I have moved your post into its own topic. It helps if you provide the link, as there are multiple ‘Step 28’ challenges.

Is it this one?

The extra space in the URL is not correct.

3

still the same problem

4

What is your updated code?

5 
<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <figure>
        <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>
        </figure>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src='https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg'>
        </figure>
      </section>
    </main>
  </body>
</html>
6

Works fine for me:
image

7

image
image1366×768 276 KB

but not for me((

1 Like
8

I’d try

  • resetting the challenge and putting in the img element again

  • clearing your cache and logging back in

  • updating your browser

9

I’m having the same issue. Were you able to find a solution?

10

First two steps was helpful for me:

  • resetting the challenge and putting in the img element again
  • clearing your cache and logging back in
11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.