Tell us what’s happening:
Describe your issue in detail here.
getting the indoor button is ok its the outdoor that im stuck on been going multiple steps to try and course correct this is really mood downing been at this for 3 days now HELP
**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"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 (X11; CrOS x86_64 13904.59.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.106 Safari/537.36
You are so close. Don’t fret I can help you with this one.
So the question is asking you to nest a new “outdoor” radio button in the form.
In your code as you have done, if you look at the indoor code you will notice that between the label tags you have the text “indoor” which will show up after the radio button input.
Now look at your code for outdoor and compare the two.
I don’t want to just give you the answer here, but I have pointed you in the right direction.
If you still are unable to solve the problem reply back to me and I will try to guide you.
The solution to fix this would be to take a look at the two different buttons. Remember, they should also have the same amount of indentation for each one as shown below:
If you look at my previous post you will notice the overall look and colors of the text within the input elements is different for indoor and outdoor. This is because your outdoor input is improperly coded. As @CodingtheMatrix said, you are very close to the solution. I don’t want to give you the answer but I will help guide you. In your outdoor input element the word “outdoor” located after type=“radio” is where the line of code begins to be incorrect. Please review it and closely examine both input elements.
So I just wanted to point out that with coding if something is not working correctly the correct attitude to have towards the problem is to realize that it is us that doesn’t understand what is going on or what is needed to make the code work. What is the concept I am missing here? This will help you to not get frustrated and when you do understand what is the fix you will have learned the concept deeply by then.
Anyways, that being said there is obviously a way to figure this out.
everything looks great here. So on to the next input which is the outdoor.
< label >< input id=“outdoor” type=“radio”
Ok everything looks great up until this point, but then we start to run into problems. You have the text “outdoor” inside your input tag. Try to figure out where your “outdoor” text should and you will have your answer.
