Pleas help me with solution

Tell us what’s happening:

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 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 UBrowser/7.0.185.1002 Safari/537.36.

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

Hello adil.

You have not nested you input elements.

If you look at the example from the lesson, you can see how to nest the input elements in label elements.

You are so close. Keep at it.

i don’t understand. why you using this type of stuff. you should use best css framework like bootstrap and much more. you can make your website more attractive and user-friendly.

Welcome @w3hubs!

The curriculum, currently, does cover bootstrap and jQuery. But, before users get to that point they learn the fundamentals and how/why HTML/CSS/JS work.

good work @aaayub5651!

1 Like