"The border around your img element should be green."

Tell us what’s happening:
I don’t know what’s wrong with my code, the image appears with a green border as intended but it is still not being accepted. Little help?

Your code so far

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
.red-text {
  color: red;

h2 {
  font-family: Lobster, monospace;

p {
  font-size: 16px;
  font-family: monospace;

.smaller-image {
  width: 100px;

.thick-green-border {
  border-color: green;
  border-width: 10px;
  border-style: solid;


<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" 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="/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; rv:73.0) Gecko/20100101 Firefox/73.0.

Challenge: Add Borders Around Your Elements

Link to the challenge:

Your code passes when I run it. Do you have any browser extensions that change the appearance of websites (such as a “dark mode” extension)?

Yes I use dark mode, should I disable it?

No, in the instructions it explicitly says to type “thick-green-border”.

Ok I disabled dark mode for a moment, pressed to run the tests and it worked, why is that? I’d like to keep my dark mode if possible.

The reason your tests won’t pass is because your extension is changing the colors, so when a test checks to see an element is the right color it won’t be. freeCodeCamp has a native dark mode. If you don’t want to turn off your extension, then many of the CSS tests will not pass.

I see, I just set the native dark mode and made this site an exception for my regular dark mode, thank you very much!

Glad I could help. Happy coding!