Create a set of radio new

HTML-CSS
1

Tell us what’s happening:

whats wrong in this it’s not runing out

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 type="radio" name="indoor-outdoor">indoor
  <label for="indoor">Indoor</label>
  <input type="radio" name="indoor-outdoor">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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Hi @Gurtej1316,

When I run your code in the challenge, the one test that fails is

// running tests
Each of your two radio button elements should be nested in its own label element.
// tests completed

The term nested means that the radio button element should be wrapped in the label element; you could try to rearrange your elements to something like this

<label>
  <input>
</label>

You also don’t need to add the ‘indoor’ or ‘outdoor’ text to the input element, just in the label.

Hopefully that gives you some ideas for how to solve the issue, if not let me know :slight_smile:

Good luck & happy coding!

3

again it showing an error!
The test that fail is:
Each of your label elements should have a closing tag.

4

you need to show again your code, we can’t know what you changed if you don’t show it