Stuck at Basic CCS lesson nr. 9 Add Borders Around Your Elements

[scafesmadalin]

Hi there …
I got stuck at lesson nr. 9 from Basic CSS

That’s my code …

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

<style>

  .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;

  }

</style>

<h2 class="red-text">CatPhotoApp</h2>

<main>

  <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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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="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>

  </form>

</main>

… and although the border from the picture is green I got a default mesage that says …
// running tests The border around your img element should be green. // tests completed
Thanks for helping me understand this and solve it.

[JeremyLT]

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

[JeremyLT]

Can you please provide a link to the challenge you are working on? In the future, it is easiest if you use the Ask for Help button.

[scafesmadalin]

Thanks for your advice with the post.
What link I should provide?? this from my working page???

freeCodeCamp.org

I whant you to know that I’m very basic with all … pc and programming

[scafesmadalin]

Here is a photo. I follow the advice about code in detail but the answer is the same. Can somebody tell me what I am doing wrong?

[Roma]

Please don’t attach screenshots. They do not help.
You were given instructions on how to add code.

---

The original code you shared works on my end. Please ensure that you have disabled any extensions that interface with the freeCodeCamp website (such as Dark Mode and Ad Blocker), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.