Identify Your IDs (Error Message)

I keep getting the error message: Oops, try again.
Did you remember to give your #best_friend a border of color #00C957?

I’m adding my code to see if anyone can help to see if it is something I am doing that is keeping me behind.
Thanks!

    <div class="friend" id="best_friend"> </div>
    <div class="friend"></div>
    <div class="friend"></div>
    <div class="family"></div>
    <div class="family"></div>
    <div class="enemy" id="archnemesis"></div>
    <div class="enemy"></div>
    <div class="enemy"></div>
    <div class="enemy"></div>
    
</body>`

CSS

/Add your CSS below!/

div {
display: inline-block;
margin-left: 5px;
height:100px;
Width:100px;
border-radius:100%;
border:2px solid black;
}

.friend{
border:2px dashed #008000;
}
.family{
border:2px dashed #0000FF;
}
.enemy{
border:2px dashed #FF0000;
{
#best_friend{
border:4px solid #00C957;
}
#archnemesis{
border:4px solid #00C957;
}

This element is not closed you have a { instead of a }

Happy Learning :slightly_smiling:
Happy coding !

What inspired you to learn programming ?
Join the POLL

Awesome eye! I guess I was blinded by the redundancy of it all! Thanks, issue solved! :grin:

Also, because that element wasn’t closed it “broke” the rest of the coding underneath? I was so infatuated with looking at the bottom two, I didn’t realize the issue could be the above classes.

yip, thats right !

Happy Learning :slightly_smiling:
Happy coding !

What inspired you to learn programming ?
Join the discussion

1 Like