Learn HTML by Building a Cat Photo App - Step 33

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
the second section element
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 -->

      <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 <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
       <section>
      

<!-- 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/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

The second section element I think it’s confusing me on how to apply the element

4

It is time to add a new section. Add a third section element below the second section element.

You have added the opening section tag, you need to close it with the section closing tag.

5

Tell us what’s happening:
Describe your issue in detail here.
I need to know where I would try to nest the section element next

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>

<!-- User Editable Region -->   I feel like am not on the right part here pls someone should show me what am supposed to do

        <figure>
          <h3>Top 3 things cats hate:</h3>
           <ul>
            <li>too much attention</li>
            <li>spoiled food</li>
            <li>loud noises</li>
            </ul>
          <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>
        

<!-- User Editable Region -->

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

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

Link to the challenge:

6

Hi there! It is asking that ou add an h3 element after your figure, but, i think you send the wrong issue!

7

You should proceed to the next step, then, add what cats hate!
In this step just att <h3> Top 3 things cats hate:</h3>

8

pls I need the right codes that I’ll use

9

OOOOH I FOUND IT!!! Hehe.
Did you see that you got nested the <h3>inside an <figure></figure> ?

This figure should be the attributes and elements on what are the things that cats love, it is nesting what cats hate

10

Think w me, I’m trying to make you realize what is wrong there, did you saw that you are adding things that cats hates? why the lasagna href with the image of lasagna and the text that cats love lasagna are been coded after showing what cats hates.

1 Like
11

The direct answear is here! :slight_smile:

12

Again, you are nesting the wrong things inside the <figure></figure>

1 Like
13

Okay lemme see could you show me at least

14

mod edit: removed solution

15

Please do not give out solutions

thanks

16

Literally what i sayd to you, looks like you just copied the code from somewhere else hoping that it works, but you nested everything wrong inside the <figure></figure>
When you should only do what it asks you to do.

Step by step brother.

Delete everything inside your figure, nest the with only the <img> and the figcaption elements, nest your figure on your what cats love

1 Like
17

Sorry Cody, can you review my “solution” to see if im being coherent?

1 Like
18

You can continue to try and explain in words, or show an example to provide a better explanation. However, posting screenshots of the code to pass the challenge is not allowed, and that is what I have removed.

19

Please show us your newest code. Have you tried changing anything from the suggestions that were given to you? It would make helping a lot easier if we could see what you are actually trying

to add your new code

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

20

Yess sir, undertood that! But, my question in here it is if im being coherent with what i’m saying.
I found what is wrong, told in every single step and code examples.
I want to know if you think that my explanation is right. :slight_smile:

Sorry for posting the answer.

1 Like