Learn HTML by Building a Cat Photo App - Step 47

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

Cannot figure out how to add the indoor outdoor button on this step.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
    <section>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
      <ul>
        <li>cat nip</li>
        <li>laser pointers</li>
        <li>lasagna</li>
      </ul>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
        <figcaption>Cats <em>love</em> lasagna.</figcaption>  
      </figure>
      <h3>Top 3 things cats hate:</h3>
      <ol>
        <li>flea treatment</li>
        <li>thunder</li>
        <li>other cats</li>
      </ol>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
        <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
      </figure>
    </section>
    <section>
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
        <label><input id="indoor" type="radio"> name=“indoor-outdoor”>indoor</label>
        <label><input id="outdoor" type="radio"> name=“indoor-outdoor”>outdoor</label>
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
      </form>
    </section>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 47

Link to the challenge:

you seem to have an extra > after the word “radio”
(in both lines)

Ok. I removed that and still wont accept

  <label><input id="indoor" type="radio" name=“indoor-outdoor”>indoor</label>
          <label><input id="outdoor" type="radio" name=“indoor-outdoor”>outdoor</label>

please post all your code

<label><input id="indoor" type="radio" name=“indoor-outdoor”>indoor</label>
        <label><input id="outdoor" type="radio" name=“indoor-outdoor”>outdoor</label>```

Is it visible here?

I only see one line of code

The backticks go on a separate line from the code.

I only see 2 lines of code.

  <label><input id="indoor" type="radio" name=“indoor-outdoor”>indoor</label>
   <label><input id="outdoor" type="radio" name=“indoor-outdoor”>outdoor</label>
```
CODE GOES HERE
```

See how there is nothing on the same line as the backticks?

Also, you still only posted two (2) lines of code. Hopefully there are more than those two lines in your editor. If not, you deleted a bunch of code that is required.

Your code so far

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
    <section>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
      <ul>
        <li>cat nip</li>
        <li>laser pointers</li>
        <li>lasagna</li>
      </ul>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
        <figcaption>Cats <em>love</em> lasagna.</figcaption>  
      </figure>
      <h3>Top 3 things cats hate:</h3>
      <ol>
        <li>flea treatment</li>
        <li>thunder</li>
        <li>other cats</li>
      </ol>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
        <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
      </figure>
    </section>
    <section>
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
        <label><input id="indoor" type="radio" name=“indoor-outdoor”>indoor</label>
        <label><input id="outdoor" type="radio" name=“indoor-outdoor”>outdoor</label>
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
      </form>
    </section>
  </main>
</body>
</html>
1 Like

Try to restart the step. It looks like you changed 4 characters in the code that are needed to pass this step.
(you remove some spaces and lowercased 2 words)

Once you restart, simply add the new attributes and then it should pass.

thanks

1 Like