Add Borders Around Your Elements (Previous Thread Answers Not Applicable or Does Not Solve)

HTML-CSS
1

I am a little lost as to why this fails the last 3 test assertions. It displays fine in the side browser and I am failing to find any inconsistencies in my code with what they specifically ask.
All 3 of the border tests fail:

  1. Give your image a border width of 10px.
  2. Give your image a border style of solid.
  3. The border around your img element should be green.

I have attempted the following corrections:

  1. Cleared all cache and cookies
  2. Attempted a 1 line instruction of “border: 10px solid green;”
  3. Attempted to run both variation inside thick-green-border as well as smaller-image
  4. Restarting the test and redoing the code
  5. Inline CSS
  6. Just the color style as opposed to the border-color

None of these appear to be working though. Any insight?


<style>
  .smaller-image { width: 100px; }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
  }
</style>
  
  <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>

</main>

browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:66.0) Gecko/20100101 Firefox/66.0.

2

Can you post a link to the question?

Also I think the curriculum has the least bugs in Chrome

3

I was unable to post links in my original post due to my low rank, but here it is now!

4

I think it is a browser issue because I copied your code and it passed the tests in Chrome

5

Okay thank you, I’ll go ahead and download Chrome to take the program through that!

1 Like