Learn HTML by Building a Cat Photo App - Step 47

HTML-CSS
1

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

Hi Guys, I need some help.
i am not sure why this is not working it seems right to me.

it keeps saying that I am not supposed to make any changes to my indoor radio button but I have not done any changes to it.

I just created another one beneath it and tried to add an id to outdoor but as soon as I press to check the code this hint keeps coming up and it says that my code does not pass.

Have I missed anything?

This is the hint:

Hint

You should not make any changes to the Indoor radio button. You can restart the step to get the original HTML back if needed.

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>
      <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"> Indoor</label>
          <label><input id="outdoor" type="radio"> 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_12_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15

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

Link to the challenge:

2

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL-F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

3

Thank you, I tried firefox and it is now working.
None of the other steps worked.

However I am using a Mac and I want to use safari, up to this point I have not had any issues.

what was the reason for this issue? and how can I know for sure that it was not something I did in my code that was wrong? I’ve been stuck on this step for 2 days until I finally decided to post on the forum.

I don’t want to have issues like this again.

4

It could be an extension you have on your safari. So you can try to disable all of them and test this step and if that works, then enable them one by one till you find the one (or more than one) that is interfering with the test. Also make sure your browser is up-to-date.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.