Learn HTML by Building a Cat Photo App - Step 20

HTML-CSS
1

Tell us what’s happening:

hello. im a total beginner and need some help with the responsive web design project.
im on step 46

Step 46

The id attribute is used to identify specific HTML elements. Each id attribute’s value must be unique from all other id values for the entire page.

Here is an example of an input element with an id attribute:

Example Code

<input id="email">

Add an id attribute with the value indoor to the radio button. When elements have multiple attributes, the order of the attributes doesn’t matter.

Your code so far

kindl help im stuck,

<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>

<!-- User Editable Region -->

        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <(ul)>
            <label><input type="radio">Indoor id="indoor"</label>
        

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 20

2

in this example, is the word id inside the <...> or outside?
(it is inside)

All attributes must be written inside the opening tags of the elements they belong to.

Now looking at what you did:

is the id inside or outside?

3

oops. yes makes sense. i need to move it inside the element. il try and let u know!
thanks so much

1 Like
4

it worked. thanks alot!

1 Like