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:
- Give your image a border width of
10px
. - Give your image a border style of
solid
. - The border around your
img
element should be green.
I have attempted the following corrections:
- Cleared all cache and cookies
- Attempted a 1 line instruction of “border: 10px solid green;”
- Attempted to run both variation inside thick-green-border as well as smaller-image
- Restarting the test and redoing the code
- Inline CSS
- 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
.