Your new radio button and associated label should be below the first one. You have them in the wrong order

HTML-CSS
1

Your new radio button and associated label should be below the first one. You have them in the wrong order.

  **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>
      <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 id="indoor" type="radio"> Indoor</label>
        <label><input id="Outdoor" type="outdoor"> outdoor</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/101.0.4951.67 Safari/537.36

Challenge: Step 46

Link to the challenge:

2

You are very close but as you said, a couple words are in the wrong order. Look at the id="..." in both input elements and the text between the opening and closing tags on both elements. You should quickly spot the difference and the problem you are having. If you need further assistance let us know!

3

hi, thanks for the help but i still cant get it

1 Like
4

So in my previous post I showed the code you had at that time. In that code compare the capitalization of the words “outdoor” and “indoor” and the placement of them. The “indoor” input element is correct. The “outdoor” input element is incorrect.

5

try this… the issue you are having is that first in your new label, the type hasnt been set to “radio”, then the name for the new label should follow the same format as that of the previous one… “Indoor” and “Outdoor”

Hope this helps

6

i still cant get pas this error someone please help

7

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