Learn HTML by Building a Cat Photo App - Step 46

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

For some reason I am unable to complete only this step. Can someone please provide advice?

Thanks

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>
        <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">
          <label><input type="radio"> Indoor</label>
           <label><input id="indoor" type="radio"> Indoor</label>
          <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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

hi there, welcome to the forum.
You should be seeing a hint on the screen. What does it say? Has it helped?

3

Hi, thank you for getting back to me. The hint says:

Hint

Your radio button should have an id attribute. Check that there is a space after the opening tag’s name and/or there are spaces before all attribute names.

However, I have spaces in the right places seemingly, unless I am overseeing something.

This is my input:
image

4

your code seems to be having 2 radio buttons the first one without an id of indoor

5

you seem to have added an extra line of code?
They only wanted you to add one id attribute to the existing line of code shown.
Please click Restart Step and add the attribute as requested.

6

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