!Help, CSS not being read correctly

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

To my Knowledge I have completed the challenge and expected to pass. However, like the previous question. CSS’s colour is not being read even though the requested colour is correct.

  **Your code so far**

.red-text {
  color: red;

<h2 class="red-text">CatPhotoApp</h2>
<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>

  <p>Things cats love:</p>
    <li>cat nip</li>
    <li>laser pointers</li>
  <p>Top 3 things cats hate:</p>
    <li>flea treatment</li>
    <li>other cats</li>

<form action="https://freecatphotoapp.com/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>
  **Your browser information:**

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

Challenge: Use a CSS Class to Style an Element

Link to the challenge:

refresh the page and paste the code again, it should work

I have and the results have been the same. I even logged into a different computer and the system still flagged the correct answers as wrong.

i used your answer to check if it was correct and it was

The code you posted is correct. It’s probably some extension you have installed in your browser that is causing the test to fail. Are you doing anything to change the colors/appearance of your browser?

Interesting. Yes I am. I am using an extension called Dark Reader to invert all webpages to a more soothing colour. I have toggled the extension to be off and it is as you hypothesised. Thank you for your assistance.

@P.Mat3, just a quick note.

At the top of the Responsive Web Design section there is the following note

Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.

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