"Basic CSS: Change the Color of Text" Glitched Out

"Basic CSS: Change the Color of Text" Glitched Out
0

https://learn.freecodecamp.org/responsive-web-design/basic-css/change-the-color-of-text/

A friend of mine was having trouble completing this exercise despite the output looking correct (the header was red, which was the test that failed). I tried it out myself and failed too, but I noticed something. We are both using Chromium-based browsers (Iridium, Opera) and I noticed that once I tried this assignment again with a different browser (GNU Icecat; Firefox-based) with the EXACT same input (copy-paste), the tests pass. Anyone else having trouble with this particular assignment on Chromium-based browsers?

Here’s the code that I used to complete the assignment on IceCat (which failed on other Chromium browsers):

<h2 style="color: red;">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>
  
  <div>
    <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>
  </div>
  
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

The most common reason that people do not see this challenge pass is that they have an extension installed on their browser that changes the appearance of websites (such as a “dark mode”). These modify the CSS generated in the challenge, causing the tests to fail. But it could be the browsers itself. The execution of FCC’s tests is done by the browser itself. If browsers do not execute the code according to standards, the tests will not be run correctly. It’s well known that Edge consistently fails to run many of the HTML exercises correctly.