Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
im trying to add an id ATTRIBUTE to the radio button. the problem says “the order of the attributes doesnt matter”, yet no matter where i put it, it just never passes. i know i cant just put it outside of the radio button, but this question is just never specific enough for me to understand. how exactly do i have to apply this attribute to even make it work?
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 <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
        

<!-- User Editable Region -->

          <label><input id="Indoor" type="radio"> Indoor</label>

<!-- User Editable Region -->

          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </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/115.0.0.0 Safari/537.36 OPR/101.0.0.0

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

Link to the challenge:

2

The value of id should be “indoor” (all lowercase).

“Add an id attribute with the value indoor to the radio button.”

If you are able, I would recommend you copy/paste strings from the instructions in order to avoid typos like this in the future.

1 Like
3

omg, i always thought all code has to be case-sensitive, but thank so much

4

Hello!

Glad you were able to find the solution with @bbsmooth’s guidance. His provides excellent guidance.

I just wanted to clarify something for you.

Code is case sensitive.
Meaning it should be entered as it is in the instructions. This is how your found the solution with @bbsmooth’s guidance.

You are doing great! Keep up your good progress! :slight_smile:

Happy coding!