Sorting your friends on CSS


#1

div {
display: inline-block;
margin-left: 5px;
height:100px;
width:100px;
border-radius:100%;
border:2px dashed black;
}
.friend{
border: 2px dashed #008000;
}
.family{
border-width: 2px;
border-style: dashed;
border-color: #0000FF;
}
.enemy{
border-width: 2px;
border-style: dashed;
border-color: #FF0000;
}
The above is my code on CSS. I have been trying since yesterday but it is giving me "Oops, try again.
Did you remember to give your .friend class a border of 2px dashed #008000?"
Is there really a problem? please help


#2

Please check if your zoom is on 100%