Oops, try again. Did you remember to give your .friend class a border of 2px dashed #008000?


#1

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
}

Am I missing something? These are the directions. I am pretty sure I did it right though...
Give members of your "friend" class a border that's 2px dashed #008000.
Give members of your "family" class a border that's 2px dashed #0000FF.
Give members of your "enemy" class a border that's 2px dashed #FF0000.


#2

You are missing semicolons at the end of your border attributes.


#3

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;}

Oops, try again. Did you remember to give your .friend class a border of 2px dashed #008000?

what am i doing wrong please


#4

Get rid of the colons before the opening curly brackets.