Learn HTML by Building a Cat Photo App - Step 19

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
In this step tutorial ask me to write U1 element after the h2 element, i wrote but its says there’s no opening tags. opening should be like . I tried many times writing in every possible ways for the step. But i can’t pass… this is my problem please help me if there’s anyone who have time.

  **Your code so far**

<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>
      <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>
      <u1>
        </u1>
    
      
    </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/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

Maybe you can try to change the <u1></u1> tag become the <ul></ul> tag.
And also maybe there is no <u1></u1> tag at html.

3

i tried that it didn’t make any changes.
i will copy and paste your suggestion sir.

4

Yeah no problem, just copy it.
Is that work?

5

After only i copy and paste your tags it says pass. thank you sir.
i think there may be a bug in the tutorials, some of the steps required copy and paste it doesn’t help even if i write same. By the way thank u again

6

ul = unordered list, the items in the list that you code in this will not be in any specified order and can come with bullet points. The bullet points can be changed/removed with CSS.
ol = ordered list, the items in the list that you code in this will be labeled as 1. 2. 3. etc and even those numbers and how the numbering shows up can be also edited with CSS.

and for editing lists:

1 Like
7

Your issue was that you were creating the list tag using a lowercase letter “u” and the number one. But it is supposed to be a lowercase letter “u” and a lower case letter “l” (which stands for unordered list). I know the font used in the examples makes the lowercase letter “l” look like the number 1. We are currently in the process of trying to find a better font so people don’t make this mistake.

2 Likes
9

You’re welcome, and if you do not mind please like my post, and also thanks

2 Likes
10

Gracias monsieur, in tutorial u1 equal ul . i think thats why i stuck every time i repeat tutorial.

11

The tutorial says ul, but the font makes it hard to tell the difference between l and 1.

12

2 posts were split to a new topic: Cat Photo App - Step 21

13

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