Create a Set of Radio Buttons :(

HTML-CSS
1

Tell us what’s happening:
Hello, I am very confused as to why my code is not being registered properly for this topic. Please help

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">
   <label for=“indoor”>
    <input id=“indoor” type=“radio” name=“indoor-outdoor”>Indoor
   </label>

   <label for=“outdoor”>
     <input id=”outdoor” type=“radio” name=“indoor-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 (iPad; CPU OS 12_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.1 Mobile/15E148 Safari/604.1.

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

2

one thing I noticed is that you have a period between your</a> and </p> tags at the top.

3

Thanks didn’t notice that, doesn’t really effect the solution though after running the test again.

4

So I have no idea what the real problem is…

But after copy/pasting your code exactly as it is, I noticed that the usual coloring of the code is off and the quotation marks in the part that you wrote looked different than the ones that came provided. So I erased and re-typed the quotation marks (not changing anything else about your code) and it worked! So I have no idea why. Something about how you typed the quotation marks messed it up.

Was this the first challenge you’ve had trouble with? Did you do anything different?

Here’s what I mean. I changed the first radio button. You see the blue color and the style of quotation marks? The second radio button is how you typed it.

image
image917×166 16.8 KB

1 Like
5

That’s exactly what I was looking at! Nothing was wrong with the code, it was those darn quotation marks haha. Nice catch.

1 Like
6

Some devices use ‘smart quotes’ in text editing mode. I believe there is a preference somewhere to turn that on/off. It has bitten more than a few folks recently. :wink:

1 Like