Learn HTML by Building a Cat Photo App - Step 33

Tell us what’s happening:

When I added the section. I get two error that two remove an element and this the other error Sorry, your code does not pass. Don’t give up.

You should only add one opening section tag. Please remove any extras. No Sure what I am doing wrong

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>

<!-- User Editable Region -->

      <!-- index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>My Web Page</title>
  </head>
  <body>
    <section>
      <h2>Cat Lists</h2>
      <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>
      <!-- New Third Section -->
      <section>
        <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 <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
    </section>
  </body>
</html>

      

<!-- User Editable Region -->

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 33

Hello and welcoem to the community :smiley:!

Were is this sections opening tag hiding :face_with_peeking_eye:?

2 Likes

Welcome to the community @shellismash!

I suggest resetting the step . It will not affect any of the completed steps, but will allow you a fresh code for this step to avoid and failed code remaining.

Once you have reset the step, I suggest scrolling to the bottom of the provided code and enter your new opening and closing section tags beside each other on that line.

Keep up the good progress!

1 Like

I can’t believe I over look something that simple. Thank you so much it help out a lot. It work :slight_smile: :slight_smile:

1 Like

You are very welcome!

W3Schools is good, too. They have good tutorials that can help you.

Do not worry. We all do it. Believe it, or not, I think it come with being human. At least that is my excuse.

Keep up your good progress!

Another place for good resources it the fCC News Category found in the menu. They have good articles to guide us on almost every topic. And, all I have used, have great examples, too.

I wasn’t able to locate FCC news category when I did a google search. Would this be within code camp

It is the first search result here for me:

You can also search for articles on a specific topic within free code camp itself by using the search-bar at the main page’s top left corner.

1 Like

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