Learn HTML by Building a Cat Photo App - Step 27

HTML-CSS
1

Tell us what’s happening:

My nested em is not working

love

It shows accurately in the preview and when compared to forum responses.

Any idea around what could be causing the issue?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <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>
      </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 ></em> lasagna.</figcaption>

<!-- User Editable Region -->

           <figcaption>Cats <em>love</em> lasagna.</figcaption> 

<!-- User Editable Region -->

        </figure>
      </section> 
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 27

2

Hi and welcome to the forum!
it looks like you have an extra line of the same code above your edited region:

 <figcaption>Cats <em ></em> lasagna.</figcaption>

<!-- User Editable Region -->

           <figcaption>Cats <em>love</em> lasagna.</figcaption> 

<!-- User Editable Region -->

remove the extra one and you’re good to go.
Good luck!

3

I think it’s one of two things. The first is that you essentially have this: <figcaption>Cats <em>love</em> lasagna.</figcaption> twice. First in the above code, and second in the editable section.

The second issue is that in one of those two, I see an issue where spacing is incorrect.

4

the way I stared at this for days and you solved in 2 minutes…lol thank you! that worked :slight_smile:

1 Like