Identify Your IDs (Error Message)


#1

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;

}


#2

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


#3

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


#4

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.


#5

yip, thats right !

Happy Learning :slightly_smiling:
Happy coding !

What inspired you to learn programming ?
Join the discussion