Step#46 the cat app

Tell us what’s happening:
Describe your issue in detail here.
thank you but i have tried the way you have directed me and still nothing
step #46 been stuck on it for 3 days now the hint keeps telling me to place the outdoor nest to the radio button i did and nada
it says to nest inside of new label element,I have done that and nada

  **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="radio" </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 (X11; CrOS x86_64 13904.59.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.106 Safari/537.36

Challenge: Step 46

Link to the challenge:

You already have a post open for this same question. In the future, please refrain from creating more than one post about the same issue if the previous post is still open.

Onto your issue. Since you have struggled with it I will help you further but I ask that you please read my post entirely and understand the differences.

You are close to the solution, the code you created is:

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

In your previous post you were also close and had this code as:

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

With the above code I told you that your issue started after type=“radio”

The correct way this should look is:

<label><input id="indoor" type="radio"> Indoor</label>
<label><input id="outdoor" type="radio"> Outdoor</label>

Notice how the difference between the indoor and outdoor input elements are identical except for the id and the text? This is the proper way it should look. The issue you initially had (shown in the second code example) is you never closed your outdoor input element after type=“radio” and after the word “outdoor” you never closed your label element. You also had no space after the id attribute and before the type attribute. In your current version of this issue as indicated in the first code example, you never closed your input element and you never added the text “Outdoor” between the closing tag of the input element and the closing label element.

1 Like

Thank you for your guidance I am very new to this so i didnt realize that I open another post.
As far as the coding goes I have followed you and others exactly. what is showing on the console is both the buttons indoor & outdoor the problem I think is the arrangement the buttons are showing to be side by side instead of one over the other that’s were the issue resides
I have seen another coders presentation of this same issue but he set things up differently adding the ( name=indoor-outdoor) attributes Im really just trying to move on I spent far to much time on this problem not ready to throw the towel in but I do require some help that’s why Im on this forum

I apologize for not replying sooner.

The issue with them being side-by-side is nothing to worry about. In this lesson the end result should have two radio buttons side-by-side with the text of Indoor and Outdoor.

You will add the name=“indoor-outdoor” in a later lesson.

The last code example in my previous post is the solution and it appears you have had that solution before but still ran into issues. Is that correct? If you click “Restart Step” at the top center of the page and copy and paste the Indoor input line below the current line and replace any instance of Indoor with Outdoor in the second copy you should be able to pass. If not, try it on a different browser. Sometimes these lessons can be very particular with browsers and extensions.

Did you get it? I was breaking my head over this until I found out I just had to capitalize Outdoor when I labeled it at the end.
< label >< input id=“outdoor” type =“radio”> Outdoor< / label >

1 Like

i appreciate this explanation, i had the correction solution but i wrote it as outdoor instead of Outdoor its these little details that matter. anyways thank you !

i had the same issue lol

You my friend are the answer to all my problems. Thank you.

1 Like