Radio Challenge

HTML-CSS
1

Tell us what’s happening:
I’m stuck on this lesson. I don’t know what I’m doing wrong.

Your code so far


<h2>CatPhotoApp</h2>
<main>
 <p>Click here to view more <a href="#">cat photos</a>.</p>

 <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

 <p>Things cats love:</p>
 <ul>
   <li>cat nip</li>
   <li>laser pointers</li>
   <li>lasagna</li>
 </ul>
 <p>Top 3 things cats hate:</p>
 <ol>
   <li>flea treatment</li>
   <li>thunder</li>
   <li>other cats</li>
 </ol>
 <form action="/submit-cat-photo">
   `<input id="indoor" type="radio" name="indoor-outdoor">
	<label for="indoor">Indoor</label>
	<input id="outdoor" type="radio" name="indoor-outdoor">
	<label for="outdoor">Outdoor</label>`
	<input type="text" placeholder="cat photo URL" required>
   <button type="submit">Submit</button>
 </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Safari/605.1.15.

Challenge: Create a Set of Radio Buttons

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

2

What do the failing tests say?

3

your label tags should wrap around the input tags

worked for me.

4

One note, you have two backticks in your code that could be throwing things off a bit. They might not be however.

With that said, I pasted the code into jsbin, and it seemed to work as intended. Did you check the bottom left corner of the challenge area to see what exactly was missing?

5

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

Thank you for understanding.

1 Like
6

You want to nest iput tag inside a lable, and do that for both.

7

Thank you very much, I am also new to this site and just trying to help out people on lessons I have solved. I will remember this moving forward!

original post edited