Learn HTML by Building a Cat Photo App - Step 32

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <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>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" alt="Five cats looking around a field.">
        
          <figcaption>Cats hate other cats.</figcaption>  
        
        </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/116.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 32

Link to the challenge:

2

Hello and wellcome.

Advice: for new post, you may describe your issue. If you tell us what is your problem, we can help you more easy. If possible, it would be nice if you could tell us what type of error this step says. So, You can learn a bit how the things works. It´s better for everybody!
Keep that in mind.

At least, you need to try the challenge. Or if you don´t know how to do it, you need to explain your issue.

Solution:
In this step, you need to wrap the word hate with the element strong

Look the previous figcaption. You wrap the word love with the element em:

Well, in this step, you need to do the same.

Try it.

Grets.

2 Likes
3

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