No puedo pasar esta prueba

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here.

   **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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="https://www.freecatphotoapp.com/submit-cat-photo">
   <input type="text" placeholder="cat photo URL" required>
   <button type="submit">Submit</button>
<label>
<input type="radio"name=“indoor-outdoor">Indoor
</label>
 <label>
<input type="radio"name=“indoor-outdoor">Outdoor
</label>
 </form>
</main>

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36

Challenge: Create a Set of Radio Buttons

Link to the challenge:

#2

necesitas un espacio entre los atributos.

y creo que debe colocar los botones de radio antes del botón de enviar.

#3

Hello @JuanmaJ,

I write in English but you can translate. Your trouble is tricky because it is about the quotes type you use. Look your code:

<input type="radio"name=“indoor-outdoor">Indoor

Do you see the difference? Look the quotes you use in the name attribute. They are not the same. Use the same ones that the type attribute.

The spaces between the attributes or the positions of your radio buttons are not what’s bringing trouble to your code. Put the attributes with spaces between them and the radio buttons at a better place in your code/page is just aesthetic.

SPANISH GOOGLE TRANSLATE
Hola @juanmaj,

Escribo en inglés pero puedes traducir. Su problema es complicado porque se trata del tipo de comillas que usa. Mira tu código:

<input type="radio"name=“indoor-outdoor">Indoor

¿Ves la diferencia? Mire las comillas que usa en el atributo de nombre. Ellos no son los mismos. Utilice los mismos que el atributo de tipo.

Los espacios entre los atributos o las posiciones de sus botones de radio no son lo que está causando problemas a su código. Poner los atributos con espacios entre ellos y los botones de radio en un lugar mejor en su código/página es simplemente estético.

Keyboard Qwerty
qwerty

1 Like
#4

Yeah, that is a tricky issue and is easy to miss. Unfortunately, sometimes cut and paste will convert them, especially if it involves a word processor.

#5

What is even more tricky here is that it changes only the left quote but not the right. Not a long time ago, another person had a similar issue, but it was with the left and right quotes. It can still create that issue when you copy from a word processor?

1 Like