Problem with lesson #25 in Basic HTML and HTML5 module

HTML-CSS
1

Tell us what’s happening:
I’ve added the checked attribute correctly but when I run the code test, it tells me I should not change the inner text of the two label tags. I didn’t change the inner text.

  **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">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
  <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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

2

This is showing up as Correct on my Browser. Are you using Dark mode?

Dark mode, some browsers Extensions, and having the zoom set to anything other than 100% on the browser can effect the tutorials.

3

Hi Alless. No, I am not using Dark Mode. I am using Chrome. Are you using a different browser?

4

I am on chrome as well.

The Moderator @kevinSmith May be able to Walk you through how to fix this Situation better than I can.

5

I can confirm that it passes for me too.

Hi Alless. No, I am not using Dark Mode. I am using Chrome. Are you using a different browser?

Dark mode is a setting, not a specific browser. Chrome has a dark mode setting.

Yes, things like dark mode, night mode, certain accessibility features, and certain browser extensions can mess with tests. Try shutting them off and see if it helps.

Since this is text and DOM element based, and not color based, I would not expect dark mode to affect the test. But who knows…

If none of that works, try rebooting, resetting the browser cache, try a different browser, etc.

If none of that works, just back out of this challenge and move onto the next.

6

Thank you both for the quick responses. Much appreciated.

I do understand the dark mode setting vs browser detail you mention. I verified the issue is occurring in both Chrome and Edge so far. I guess I’m going to have to skip it and move on. Any way to pull the certificate for completion?

Thanks again!

7

I don’t understand the question. If you’re worried if that will affect the certificate, I think it only cares about the projects.

8

Thanks Kevin. I’m new to this site so I wasn’t sure how it worked. Really appreciate your help.

1 Like
9

And of course, If there were any problems obtaining your Certificate, you could always try to Log in on a Secondary device, like your Phone, and Complete any uncompleted Questions…

10

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