Radio button with the option outdoor

HTML-CSS
1

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

  Nest another radio button with the option Outdoor in a new label element. The new radio button should be placed after the first one. Also, set its id attribute value to outdoor.

:point_right: this may help
The text Outdoor should be located directly to the right of your new radio button. Make sure there is a space between the element and the text. You have either omitted the text or have a typo.

<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="radio"> 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 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 46

Link to the challenge:

1 Like
2

in outdoor “o” should be in capital and then try it

3

i tried it didn’t work

4

hello, im also new here but i think you need to have a space inbetween id=“outdoor” and type= “radio”…i think :thinking: i hope it works!

1 Like
5

Moderator edit answer out

6

Can you share what you have tried?

7

Nice thinking, but the tests don’t care about spaces. Still it was good catch.

1 Like
8 
<label><input id="indoor" type="radio"> Indoor</label>
          <label><input id="outdoor" type="radio"> Outoor</label>
9

So close, there is a typo in the text itself, you are requried to type Outdoor. Tell if you don’t see it, I will give more detail.

1 Like
10

ok. going on for hours and not seeing it. This is what I have done and the error message is - You will need to add a new label element in which to nest your new radio button. Make sure it has both an opening and closing tag.

indoor

outdoor

11

You should start your own post on this instead of adding on to a completed one. The best way to do that is to use the Ask for Help button on the step you are stuck on.

12

thank you. new here. I won’t do it again. I just figured it out. :slight_smile: